vue环境配置动态访问接口获取域名

花了一天多的时间去踩坑 今天终于搞好了 记录一下 也分享给后面踩坑的同学,因为技术总监是个比较严谨的人 项目打包需要配置测试环境,本地环境,生产环境 因为之前没做过 就是一个环境 突然间要配置多个环境 有点懵逼,刚开始是真的没听懂,第一步vue环境配置动态访问接口获取域名_第1张图片
第一步就是在public中加一个.config.json文件,然后里面写上域名这样子打包的时候就会把这个脚本文件打包到项目里面 如下图vue环境配置动态访问接口获取域名_第2张图片
当需要修改域名的时候告知部署服务器的那个人修改一下.config.json文件里面的域名就好了 这样就避免多次打包 只需修改域名即可 理论上这样就已经可以了 但是有可能会有缓存 导致修改的域名不成功,
实施方法如下 动态加载的uri 给定随版本变更的的动态随机码即可在配置文件中引用域名哪里配置动态加载使用axios或者其他ajax插件get
vue环境配置动态访问接口获取域名_第3张图片因为我们引用的域名配置在这里 所以就需要动态加载一次域名
vue环境配置动态访问接口获取域名_第4张图片

赋值给baseURL

你可能感兴趣的:(vue,javascript)