当前位置: 首页>后端>正文

vue动态配置axios请求域名打包后灵活切换

? 现在这个需求是在我当前公司遇到的需求,说实话这么搞不太正规也不太安全但还是来分享一下我的方法给需要的朋友们。

一 .首先你需要使用vue-cli搭一个项目,已经搭好的也没事改一下也方便。

vue动态配置axios请求域名打包后灵活切换,第1张
项目目录结构

二 .你需要在public文件下面建立一个js配置文件用来切换域名

vue动态配置axios请求域名打包后灵活切换,第2张
config.js

//本地环境

window.DEV_BASE_URL =''

//生产环境

//window.BASE_URL = ''

!!!变量名随你自己定义,我这里 DEV_BASE_URL 就是本地开发时候用的域名前缀,BASE_URL 就是生产环境下的域名前缀。

三 .上面建立好的js配置文件引入public文件下的index.html,这样之前js文件里window.的变量名就能全局使用了。

vue动态配置axios请求域名打包后灵活切换,第3张

https://www.xamrdz.com/backend/3p41942675.html

相关文章: