vue開發和生產環境axios接口切換

主要方法是在你創建vue.config.js之後，在本地跨域是沒有問題的，此時打包上線之後，接口會出現一個問題，就是多了跨域的一個字段。此時

需要創建一個文件，類似於api.config.js的文件。
文件中寫上：

var isPro = process.env.NODE_ENV === 'production' //process.env.NODE_ENV用於區分是生產環境還是開發環境
//根據環境不同導出不同的baseURL
module.exports = {
    baseURL: isPro ? 'http://www.baidu.com' : '/api'     //前面一個是你服務器的地址，後面一個是跨域的接口名
}

然後在main.js中導入

import apiConfig from '../dalan.config.js'
axios.defaults.baseURL=apiConfig.baseURL;

再次打包即可完成上線的接口切換操作。