Vue项目多地IP地址部署,后台配置动态IP

前端代码部署到用户本地,打包部署之后,后台以部署地的服务器ip为ip。我是直接通过在index.html文件(此文件项目打包不会的时候不会被打包)中设置一个全局的window对象的IPconfig属性来实现的(用户只需设置一下IP地址为部署地服务器IP)。当然,网上有单独新建一个config文件的方式。
index.html:

window.IPConfig = {
            'baseIP': '192.168.5.133'//部署地服务器IP,项目打包部署到不同服务器,只需修改次IP对应服务器IP即可
};

使用,我的项目是在main.js设置了全局host,当然可以直接在调用接口时拼接:
//全局变量

Vue.prototype.host = "http://" + window.IPConfig.baseIP+"/hymicsapi";
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值