使用vue开发过程中,使用域名、端口不同的接口地址会造成跨域
1、若是vue项目则在根目录新增 vue.config.js 文件
2、若是vue-cli项目则在config的index.js中配置
解决方法如下:
module.exports = {
dev: {
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
//地址代理
'/jkpt': {
target: 'http://0.0.0.0:8090',//修改为自己想要访问的接口域名
changeOrigin: true,//是否跨域
ws: true, //是否代理 websockets
pathRewrite: { //把自定义的路径重置为空
'^/jkpt' : ''
}
}
},
在项目中配置baseUrl就可以解决本地跨域问题
GlobalDatas.baseUrl = '/jkpt' //本地
注:如果部署到服务器上跨域,可以考虑使用nginx进行反向代理。