美文网首页vue
vue-element-admin 跨域配置

vue-element-admin 跨域配置

作者: 最进 | 来源:发表于2021-12-05 15:49 被阅读0次

最近在做一个平台项目,就想着把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 跨域配置的方法了
如果这篇文章对你有帮助,或者在进行中遇到其他问题,欢迎评论区留言出来。
我们一起探讨~

相关文章

网友评论

    本文标题:vue-element-admin 跨域配置

    本文链接:https://www.haomeiwen.com/subject/smzgxrtx.html