VueCli4项目配置反向代理proxy的方法步骤
VueCli4创建项目之后，没有配置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"
最后重启该项目重启该项目重启该项目即可
到此这篇关于VueCli4项目配置反向代理proxy的方法步骤的文章就介绍到这了,更多相关VueCli4反向代理proxy内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票！
热门推荐
3 祝福语简短的微信
10 幼儿祝福语大全简短贺卡
11 感谢教官文案祝福语简短
12 鼠年同事祝福语简短创意
13 元旦祝福语 简短独特群发
14 妈咪跟我生日祝福语简短
15 给儿子新婚祝福语简短
16 伴娘祝福语长文案简短
17 恭喜高考完祝福语简短
18 生日祝福语送老公简短