vue-element-admin 跨域配置

最近在做一个平台项目，就想着把admin改吧改吧，就不用自己动手了

这是我在网上找到的一个原创的作者的文章
分享给大家
https://www.jianshu.com/p/43aa317d7683

第一步 配置开发环境

vue.config.js文件 设置 VUE_APP_BASE_API 为空：

1638776663.png

第二步 修改vue.config.js(注：一定要把mock-server.js去掉，网上很多没有去掉所以没效果)

vue.config.js中找到 devServer中的 proxy配置如下：

1638778597.png

以上就已经完成了vue-element-admin 跨域配置

有的小伙伴就会问，虽然我的接口请求成功了，但是我请求的地址为什么还是我的locohost地址

原因：反向代理本质上就是请求本地server转发到代理server，而不是重定向

接下来的操作就是纯发送请求了
运行命令npm install --save vue-axios
main.js配置 vue-axios

1638778148.png

接下来就可以写方法直接用了

1638778228.png

以上就是vue-element-admin 跨域配置的方法了
如果这篇文章对你有帮助，或者在进行中遇到其他问题，欢迎评论区留言出来。
我们一起探讨~