mmf-blog vuejs 2.0 SSR v2 中文说明
demo: http://www.mmxiaowu.com
A blog built with Vue 2.0, vue-router & vuex, with server-side rendering
The main technical stack: express, mongoose, vue2, vue2-router, vuex, webpack, babel, eslint
├─build // Webpack related configuration file
│
├─dist // Webpack generated document storage directory
│ │
│ ├─server
│ │
│ └─static
│ ├─css
│ │
│ ├─images
│ │
│ ├─img
│ │
│ └─js
│
├─server // The server directory
│ │
│ ├─api // API related processing files
│ │
│ ├─config // API configuration file
│ │
│ ├─models // mongoose model
│ │
│ ├─routes // The routing file
│ │
│ └─utils // tools
│
├─src // The client program directory
│ │
│ ├─api // API configuration file
│ │
│ ├─assets // Static file folder
│ │ ├─css
│ │ │
│ │ └─images
│ │
│ ├─components // Component folder
│ │
│ ├─filters // The filter
│ │
│ ├─pages // Routing component
│ │
│ ├─polyfill // polyfill
│ │
│ ├─router // The routing configuration folder
│ │
│ ├─store // Vuex related folder
│ │ │
│ │ └─modules // Vuex modules folder
│ │
│ ├─template // The initial template
│ │
│ └─utils // tools
│
└─static
├─editor.md
│
├─images
react(spa): https://github.com/lincenying/mmf-blog-react-v2
vue2(spa): https://github.com/lincenying/mmf-blog-vue2
vue2(ssr): https://github.com/lincenying/mmf-blog-vue2-ssr
The configuration file: src/api/config-client.js (The browser)
api: Address of the API (For example: /api/)
The configuration file: src/api/config-server.js (The server side)
api: Address of the API (For example: http://localhost:8080)
port: Start the port
install NodeJS: https://nodejs.org/zh-cn/
install Mongodb: https://www.mongodb.com/download-center#community
# Install dependencies
$ yarn #or npm install
# Note: do not install with CNPM dependency
# Develop
$ npm run dev
# Product
$ npm run build
# Start (need to generate a static file)
$ npm run start
Home Site http://localhost:8080
Login http://localhost:8080/backend
Add Administrator http://localhost:8080/api/backend
After the success of the administrator to add, will automatically generate the admin.lock
file locking, if you need to continue to add, please just delete the file
Because babelrc
configuration
"presets": [
["env", {
"targets": {
"chrome": 52
}
}]
]
So, in the development environment, please use chrome52 + open, if you need other low browser version, please modify the root directory of the .Babelrc
file
MIT