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内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票！
热门推荐
10 新人红包祝福语简短精辟
11 幼师给毕业祝福语简短
12 生日高考祝福语妹妹简短
13 下飞机祝福语简短英文
14 元宵发客户祝福语简短
15 爸妈金婚文案祝福语简短
16 新郎朋友红包祝福语简短
17 虎年五一祝福语大全简短
18 出阁宴祝福语姐姐简短