Vue项目开发中优雅的切换服务端ip

Vue项目开发中优雅的切换服务端ip

在进行Vue开发的时候，需要配置项目对应服务端的ip地址，但如果需要在多个服务端间进行切换，通常的做法是:手动修改vue.config.js配置文件中的服务端ip并保存，然后重启前端服务。如果一个前端项目所有接口都由同一个服务端提供的情况下，现在提供一个非常简单而且也很优雅的切换服务端ip的方法以供参考。

解析获取命令行中输入的服务端ip

需要在项目的中创建一个server-ip.js文件，用于解析命令行中输入的参数，目前主要是为了获取命令行中输入的服务端ip,并将获取得到的ip暴露出去。

/**
* server-ip.js
**/
const configArgv = JSON.parse(process.env.npm_config_argv)

const original = configArgv.original.slice(1);

const ip = original[1] ? original[1].replace(/-/g,''):''

module.exports = ip;

配置vue.config.js

vue.config.js文件中引用server-ip.js即可:

/**
* vue.config.js
**/

const BASE_URL = process.env.NODE_ENV === 'development' ? '/' : './';
//引用server-ip.js文件获取命令行中输入的ip地址
const serverIP = require('./server-ip.js'