vue-反向代理配置
通过axios请求接口
mounted() {
axios.get("https://m.maoyan.com/ajax/movieOnInfoList?token=").then(res => {
console.log(res.data);
})
},
出现跨域
如果你的前端应用和后端 API 服务器没有运行在同一个主机上,你需要在开发环境下将 API 请求代理到 API 服务器。这个问题可以通过 vue.config.js
中的 devServer.proxy
选项来配置。
解决办法
先新建一个vue.config.js
文件, (和 package.json
同级的)
module.exports = {
devServer: {
proxy: {
'/ajax': {
target: 'https://m.maoyan.com',
// ws: true,
changeOrigin: true
}
// '/foo': {
// target: '<other_url>'
// }
}
}
}
请求的地方修改成
mounted() {
axios.get("/ajax/movieOnInfoList?token=").then(res => {
console.log(res.data);
})
},
然后重启服务,就能拿到后端的数据了