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调用情况，就可以了

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容