VUE webpack 生产环境和发布环境配置不同的接口地址

找到配置文件,新增API_ROOT字段配置

vue目录.png

/config/dev.env.js
/config/prod.env.js

prod.js

'use strict'
module.exports = {
  NODE_ENV: '"production"',
  API_ROOT: '"http://192.168.9.236:8083/"'
}

dev.js

'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')

module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  API_ROOT: '"http://192.168.9.88:8080/"'
})

打包之后查看API调用情况，就可以了