vue项目如何手动配置请求ip

问题描述：项目中有两个请求端口，每次编译都需要编译两次，于是就配置了个config.js来供客户手动修改ip

1.写一个文件，叫做config.js，丢到public文件夹（跟index.html同级就可）

2.把他挂载到index.html上

代码如下：

// config.js文件

window.project = {
    ip: "127.0.0.1",
    // ip: "192.168.1.200",
}

在封装的axios中使用：

const api = axios.create({
    //基础路径
    //window.project.ip 是指向config文件的project.ip
    baseURL: 'http://' + window.project.ip + ':8222/api', // 用户手动输入
    timeout: 2500 
})
 

最后打包代码之后，会在dist文件夹下生成一个config文件，在里面修改IP即可