vue 处理跨域问题

1、安装proxy-middleware
npm install proxy-middleware --save-dev
2、在config中的index.js加入如下代码:
proxyTable: {
'/api': { //使用"/api"来代替"http://f.apiplus.c"
target: '此处填写服务地址(http://192.168.10.228:8085)', //源地址 (服务地址)
changeOrigin: true, //改变源
pathRewrite: {
'^/api': '此处填写服务地址(http://192.168.10.228:8085)' //路径重写 (重写服务地址)
}
}
},
3、使用axios请求数据时直接使用“/api”: 例:
getData () {
axios.get('/api/bj11x5.json', function (res) {
console.log(res)
})

你可能感兴趣的:(vue 处理跨域问题)