后台处理跨域
app.use((req,res,next)=>{
res.append('Access-Control-Allow-Origin',"*");
res.append('Access-Control-Allow-headers',"*")
next()
})
前端处理跨域(代理数据)
新建vue.config.js文件
vue.config.js在具体配置在vue脚手架
module.exports = {
devServer:{
proxy:{
'/api':{
target:"http://localhost:3000",
pathRewrite:{
'^/api':""
}
}
}
}
}
前端模拟数据mockjs,官网mockjs.com
1.先安装 npm install mockjs --save
2.在api文件新建mock.js
mock.js引入import Mock from 'mockjs';
配置
//配置请求延时
Mock.setup({
timeout:1000
})
//直接使用字符串匹配路径还可以使用正则匹配路径
Mock.mock('/api/user',{
username:,
age:,
gender:,
})
前端接口使用接口测试