vue中使用axios给生产环境和开发环境配置不同的 baseUrl:process.env.BASE_API

第一步：设置不同的接口地址

找到文件：/config/dev.env.js

代码修改为：

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

module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  API_ROOT: '"//192.168.100.121/api"'
})

　　/config/prod.env.js代码修改为：

module.exports = merge(prodEnv, {

NODE_ENV: '"development"',

API_ROOT: '""//www.baidu.com/api""'

})

第二步：调用axios的文件下修改baseUrl

const service = axios.create({
  baseURL: process.env.BASE_API, // api 的 base_url
  timeout: 5000 // request timeout
})
或者

axios.defaults.baseURL = process.env.API_ROOT

最后重启项目：

这样在开发环境执行npm  run dev 的时候，就调用的是

192.168.100.121/api而在执行npm run build打包的时候则调用的是www.baidu.com/api