1、若项目用vue init webpack appdemo 创建的解决跨域问题如下
在config文件夹的index.js文件里proxyTable{}中添加以下代码即可:
proxyTable: {
'/api': {
//本地服务接口地址
target: 'http://....',
ws: true,
pathRewrite: {
'^/api': '/'
}
}
},
2、若项目用vue create appdemo 创建的解决跨域问题如下:
在根目录下新建vue.config.js文件，并在该文件中添加以下代码即可:
项目在地址栏内的名称也可以在该文件中配置
module.exports = {
//开发模式反向代理配置，生产模式请使用Nginx部署并配置反向代理
devServer: {
port: 1888,
proxy: {
'/api': {
//本地服务接口地址
target: ''http://....',
ws: true,
pathRewrite: {
'^/api': '/'
}
}
}
}
}
