VueCli4项目配置反向代理proxy的方法步骤
时间：2021-03-31 09:13:31|栏目：vue|点击： 次
Vue Cli4创建项目之后，没有配置vue.config.js，如果直接发起axios请求，可能会引起跨域问题.
以豆瓣电影首页的最近热门 为例：
axios({
method: "get",
url: "https://movie.douban.com/j/search_subjects",
params: {
type: "movie",
tag: "热门",
page_limit: 50,
page_start: 0
}
}).then(res => {
console.log(res.data);
});
如果直接发起请求必然会引起跨域错误，只需要在项目根目录手动创建vue.config.js文件：
module.exports = {
devServer: {
proxy: {
"/j": {
target: "https://movie.douban.com",
changeOrigin: true
}
}
}
};
然后修改axios请求的url地址：
url:"/j/search_subjects"
最后 重启该项目 重启该项目 重启该项目 即可
