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

找到文件:/config/dev.env.js
代码修改为:

var merge = require('webpack-merge')
var prodEnv = require('./prod.env')
  
module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',<br>  //添加
  API_ROOT: '"//192.168.1.8/api"'
})

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

module.exports = {
  NODE_ENV: '"production"',
    //添加
  API_ROOT: '"//www.baidu.com/api"'
}

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

axios.defaults.baseURL = process.env.API_ROOT

最后重启项目:

这样在开发环境执行npm run dev 的时候,就调用的是
192.168.1.8/api
而在执行npm run build打包的时候则调用的是
www.baidu.com/api

Logo

一站式 AI 云服务平台

更多推荐