177、生产与开发环境配置

第一步:设置不同的接口地址
/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.aaa.com/api"'
})

第二步:调用axios的文件下修改baseUrl
const service = axios.create({
  baseURL: process.env.BASE_API, ---axios的进程环境
  timeout: 5000 // request timeout
})
或者
axios.defaults.baseURL = process.env.API_ROOT

第三步:重启项目
这样在开发环境
执行npm run dev 的时候,就调用的是192.168.100.121/api而在
执行npm run build打包的时候,调用的是www.aaa.com/api

猜你喜欢

转载自www.cnblogs.com/gushixianqiancheng/p/12202076.html