Vue项目多地IP地址部署,后台配置动态IP
前端代码部署到用户本地,打包部署之后,后台以部署地的服务器ip为ip。我是直接通过在index.html文件(此文件项目打包不会的时候不会被打包)中设置一个全局的window对象的IPconfig属性来实现的(用户只需设置一下IP地址为部署地服务器IP)。当然,网上有单独新建一个config文件的方式。index.html:window.IPConfig = {'ba...
·
前端代码部署到用户本地,打包部署之后,后台以部署地的服务器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";
更多推荐
已为社区贡献5条内容
所有评论(0)