vue中使用axios給生產環境和開發環境配置不同的baseUrl

標籤：而在   修改   設定   develop   default   dev   ack   uil   vue   

第一步：設定不同的介面地址

找到檔案：/config/dev.env.js

　　　　代碼修改為：

var merge = require(‘webpack-merge‘)var prodEnv = require(‘./prod.env‘) module.exports = merge(prodEnv, {  NODE_ENV: ‘"development"‘,
　　//添加  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

 

vue中使用axios給生產環境和開發環境配置不同的baseUrl