通过配置文件实现修改vue域名

通过配置文件实现修改vue域名,第1张

    我们的前端项目一般在打包时就会将服务器域名或者ip配置好,在打包生成的文件直接部署到对应服务器就行了。但是公司的项目要求可以部署私有云或者局域网内,项目的ip地址可能是动态变化的,或者说不同的局域网内ip不是不同的,因此要实现可以让工程人员去修改访问的服务器ip来做到一次打包多处使用的效果。

    当然,这样做在我们看来是有一定风险的,会暴露出一些东西,存在一定的危险,同样也提供了一定的便捷性(说白了就是,如果不这样实现,现场售后服务人员会骂娘,因为每个项目都要打包一次,领导呢会感觉,‘ 你个垃圾,就这都不能实现,怎么可能,解释那么多,不就是做不出来,垃圾 ’)。

    综上,我这里对公司项目进行了相关实现,其实挺简单的,如下:

1,在根目录下的public目录中添加config.js文件,内容如下:

项目打包的时候会将该文件拷贝到打包文件的根目录中。

2,配置封装的axios,我的axios封装在request.js文件中,这里我节选了需要添加和修改的地方

3,将config.js文件在index.html文件中引入

这个很简单,你先登录你的微博,右上角有个账号设置,点进去,找到个性域名这个按钮,接着进行设置就可以了,要注意在进行账号设置的时候输入你想要设置的个性域名部分就好了,比如你想叫小华那直接输入xiaohua即可,还要保证你的个性域名没被注册过,一般你注册成功了会出现一个成功设置的提醒,之后你登陆首页就会显示的是你的个性域名了。


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/53344.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-02-25
下一篇2023-02-25

发表评论

登录后才能评论

评论列表(0条)

    保存