前端代码部署到用户本地,打包部署之后,后台以部署地的服务器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";
Logo

前往低代码交流专区

更多推荐