利用express(nodejs)实现的前后端分离

原创

已于 2023-09-19 11:15:39 修改 · 1.5w 阅读

51 ·

CC 4.0 BY-SA版权

文章标签：

#nodejs #express #前后端分离 #axios #cors

于 2018-07-10 10:48:22 首次发布

首先确保你安装了nodejs，安装教程和利用vue-cli初始化一个项目在这就不娓娓道来了。（这里用vue-cli构建的项目，如果不是，只需要在客户端更换成其他请求数据的方法就好了）

我们先来搭建一下服务端吧！

1>>在你的项目下新建一个server的文件夹，新建index.js和user.json,一个搭建服务器，一个用来存要返回客户端的json数据、

2>> index.js，主要是4块引入-cors解决跨域-引入并发送数据-设置监听端口

var express = require("express"); //首先引入express模块，不了解去看nodejs教程 安装：npm install express 

var app = express();

var fs = require("fs"); // 文件系统，引入user.json的数据 也可以自己随便写个数据 ;

var cors = require("cors");// 这个比较重要，解决跨域问题.npm install cors 装一下

app.use(cors({

origin: ['http://localhost:8080'], // 这是本地的默认地址和端口，vue启动的项目就是在这里，这样保证了等会我们在浏览器能访问服务器的数据（user.json）

methods: ["GET", "POST"],

alloweHeaders: ["Content-Type", "Authorization"]

}))



app.get("/user