node 默认输出process.env如下，可添加一个.env文件添加对应数据

配置文件

根目录下创建两个文件.env.development & .env.production 分别配置开发和生产环境下需要的变量
当执行对应的命令时, 会自动找到对应文件夹中的变量 例如执行 npm run build 则会去找.env.production

变量配置

注意：这是vue下的配置VUE_APP_xx，在React中必须为REACT_APP_xx

.env.development

# just a flag
ENV = 'development'
# base api
VUE_APP_BASE_API = '/dev-api'
VUE_APP_MOCK_API = '/mock-api'

.env.production

# just a flag
ENV = 'production'
# base api
VUE_APP_BASE_API = 'http://39.98.123.211'

axios - baseUrl

request.js

import axios from 'axios'
// 创建一个axios实例
const service = axios.create({
  //根据命令找对对应文件中的变量,再加上vue.config.js做跨域
  baseURL: process.env.VUE_APP_BASE_API //VUE_APP_BASE_API = '/dev-api'
})

mockjs - baseUrl

mockRequest.js

import axios from 'axios'
// 创建一个axios实例
const service = axios.create({
  baseURL: process.env.VUE_APP_MOCK_API //VUE_APP_MOCK_API = '/mock-api'
})

vue.config.js - port

vue.config.js

// 可以通过以下方法更改端口：
// port = 9528 npm run dev 或 npm run dev --port = 9528
const port = process.env.port || process.env.npm_config_port || 9528 // 开发端口
module.exports = {
  devServer: {
    port: port, // 端口号
  }
}