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 婆婆高寿祝福语大全简短