前言
最近接手一个前端vue和后台expres的项目,在开发过程中遇到了跨域问题因此在网上查阅相关资料以及个人实践成功实现如下两种方式。记录一下。
一、 http-proxy-middle-ware
在app.js中使用如下代码
var proxy = require("http-proxy-middle-ware")
app.use("/api", proxy({
target: "http://localhost:8078",
changeOrign: true
}))
二、vue自带跨域解决方案
在根目录config/index.js 文件中添加如下代码
dev: {
proxyTable: {
'/api': {
target: 'http://localhost:8078',//后端接口地址
changeOrigin: true,//是否允许跨越
pathRewrite: {
'^/api': 'http://localhost:8078',//重写,
}
}
}
}
另外还有 nginx和cors(研究失败)方式。暂时没有研究,后期补上。如有错误还请指正 谢谢。
这是另外一篇关于跨域的参考链接