前言
大家好我是前端新手小猿同学:
这篇文章主要给大家简单介绍一下Node+Express实现后台服务器搭建希望对大家的学习进步有所帮助,当然文章中可能存在理解不正确的地方希望大家可在评论区相互讨教,共同进步。。
一、创建后台服务?
const express = require('express')
const bodyParser = require('body-parser');
const app = express()
//设置跨域访问
app.all('*', function(req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "Origin, No-Cache, X-Requested-With, If-Modified-Since, Pragma, Last-Modified, Cache-Control, Expires, Content-Type, X-E4M-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();
});
// 获取请求参数
app.use(bodyParser.urlencoded({
extended: true
}));
// 定义参数的格式
app.use(bodyParser.json());
// 配置路由模块
const admin = require('./router/admin');
const goods = require('./router/goods');
// 管理权限模块
app.use('/admin',admin);
// 商品模块
app.use('/goods',goods);
app.listen(3001,()=>console.log('服务器启动成功'))
二、定义对应的路由模块
const express = require('express');
const admin = express.Router();
// 登录接口
admin.get('/login',(req,res)=>{
// req.query.userName 获取前端传递的query参数
// req.body.参数名称 获取前端传递的body参数
res.send({
state: 'success',
data: req.query.userName
});
})
// 获取系统用户接口
admin.get('/list',(req,res)=>{
res.send('admin用户列表页');
})
module.exports = admin;
三、前端访问
const apiConfig = {
baseUrl:'http://localhost:3001'
};
export default apiConfig
getData(){
axios.get($api.baseUrl+'/admin/login?userName=123').then(res=>{
this.infor = res.data.data
})
}