mmf-blog-vue2 ssr(The service side rendering)
Branch: master
Clone or download
Latest commit fc55a8d Oct 25, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build up Oct 25, 2018
config up Aug 23, 2018
server 更新 mongoose Sep 26, 2018
src up Oct 20, 2018
static go on Dec 5, 2016
.babelrc fix: "_ssrNode" is not defined Jul 31, 2018
.editorconfig first update Aug 8, 2016
.eslintignore up Aug 23, 2018
.eslintrc.json no message Apr 26, 2018
.gitignore no message Apr 26, 2018
.prettierrc mini-css-extract-plugin Apr 14, 2018
README.md Update README.md Jul 15, 2017
README_CN.md Update README_CN.md Jul 15, 2017
favicon.ico webpack4 Mar 22, 2018
package.json up Oct 25, 2018
postcss.config.js browserslist Jul 27, 2017
robots.txt 添加分类还没文章时的提示, 删除dist文件夹 Jan 31, 2017
server.js up Sep 28, 2018
yarn.lock up Oct 25, 2018

README.md

mmf-blog vuejs 2.0 SSR v2 中文说明

demo: http://www.mmxiaowu.com

notice

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

The directory structure

├─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


Other versions

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

vue2(pwa ssr): https://github.com/lincenying/mmf-blog-vue2-pwa-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

Start:

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

notice:

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

LICENSE

MIT