VUE项目实现动态修改请求的服务器地址

VUE项目实现动态修改请求的服务器地址同一个项目需要部署在不同服务器上，每次部署需要更改IP后打包，非常麻烦，就想写一个打包后还可以修改ip的方法。在index.html中用window自带的方法写被请求的IP地址window.IPConfig = {//此处的IP在打包不会被编译，可修改baseURL: "192.168.1.94:8080"}在项目中需要引用的js文件中可直接使用。reques

kkkkkkkkira

4306人浏览 · 2021-07-02 14:58:43

kkkkkkkkira · 2021-07-02 14:58:43 发布

同一个项目需要部署在不同服务器上，每次部署需要更改IP后打包，非常麻烦，就想写一个打包后还可以修改ip的方法。

在index.html中用window自带的方法写被请求的IP地址

window.IPConfig = {
	//此处的IP在打包不会被编译，可修改
	baseURL: "192.168.1.94:8080" 
}

在项目中需要引用的js文件中可直接使用。
request.js中请求地址使用形式为：

‘baseURL’: 'window.IPConfig.baseURL'

在不同服务器上部署的时候，直接编辑修改Index.html的basURL值就可以了

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^