👦

 

阅读数：次
vue

NodeJS结合MongoDB结合Vue进行前后端分离的数据请求

展示图如下：

实现过程中需要有以下关键操作：

启动MongoDB数据库

1
mongod

启动NodeJS服务（当前服务配置代码在app.js）

1
nodemon app.js

通过webpack-dev-server启动Vue项目（在项目目录下进行执行命令行命令）

1
npm run dev

由于本地服务器端口不同，通过axios请求会存在跨域问题，可在nodeJS服务配置文件app.js中设置以下代码：

1
2
3
4
5
6
7
8
9
//设置跨域访问
app.all('*', function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "X-Requested-With");
  res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");
  res.header("X-Powered-By",' 3.2.1')
  res.header("Content-Type", "application/json;charset=utf-8");
  next();
});