1.CORS(跨域资源共享)
> 需要前后端配合,比较麻烦,不建议采纳
2.JSONP
需要前端后端配合,只能解决GET跨域问题,无法解决全部请求跨域问题
3.代理 个人建议(最优,最合理)
nginx 学习成本比较高
建议使用vue-cli
vue.config.js文件写:
配置一个代理
module.exports = {
devServer: {
proxy: 'http://localhost:4000'
}
}
配置多个代理
module.exports = {
devServer: {
proxy: {
'/api': { //匹配所有有这个前缀的请求地址
target: '<url>', //目标路径
pathReWrite('/api','')
ws: true, //webSocket
changeOrigin: true //用于控制请求头中的host值
},
'/foo': {
target: '<other_url>'
}
}
}
}
服务器与服务器之间没有跨域问题 只是简单的http