【MEVN架构】mongodb+ express + vue + nodejs 搭建后台

前端技术栈：vue2 + vuex + vue-router + webpack + ES6/7 + less + element-ui

服务端技术栈：nodejs + express + mongodb

¶准备工作

1.nodejs下载及安装

2.mongodb的下载及安装配置   （其中包含了NoSQL for MongoDB 的使用方式）

3.【vue】vue.js安装教程/vue项目搭建  ）     俩个所选的技术栈稍微不同

4.生成express框架 

 进入项目目录，输入命令 npm install  express   即可

¶搭建node服务器环境  

 (可参考地址  与我想要的完整 后台搭建 用料一样 ：第4步起）

1、在项目的根目录新建一个叫server的目录，用于放置Node的东西。进入server目录，再新建三个js文件：
index.js （入口文件）
db.js （设置数据库相关）
api.js （编写接口）

index.js文件代码：

// 引入编写好的api
const api = require('./api'); 
// 引入文件模块
const fs = require('fs');
// 引入处理路径的模块
const path = require('path');
// 引入处理post数据的模块
const bodyParser = require('body-parser')
// 引入Express
const express = require('express');
const app = express();

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended: false}));
app.use(api);
// 访问静态资源文件 这里是访问所有dist目录下的静态资源文件
app.use(express.static(path.resolve(__dirname, '../dist')))
// 因为是单页应用 所有请求都走/dist/index.html
app.get('*', function(req, res) {
    const html = fs.readFileSync(path.resolve(__dirname, '../dist/index.html'), 'utf-8')
    res.send(html)
})
// 监听8088端口
app.listen(8088);
console.log('success listen…………');

View Code