前端设置前端代理解决跨域

项目使用vue脚手架3搭建
1,提到前端代理,就会想到proxy,下图是根目录config下面的index.js,
在proxyTable里面添加内容,见下图
前端设置前端代理解决跨域_第1张图片

2在config里面添加一个API

前端设置前端代理解决跨域_第2张图片
3最后的话,就是设置axios默认导出的baseURL;
process.env.API就是当前环境的API;
因为axios在vue原型里面挂载了的,直接设置axios的默认baseURL。

前端设置前端代理解决跨域_第3张图片
这样就可以直接跨域问题了,看起来好像比较简单,但是做之前研究半天。0.0

你可能感兴趣的:(前端代理解决跨域,javascript,vue,ajax跨域问题)