vue.config.js
vue-cli 4.x中沒有這個檔案，在專案根目錄下自己新建一個
module.exports = {
configureWebpack: {
devServer: {
proxy: {
'/api': {
target: 'http://xxx.xxx:8080/xxxxxx/', //設定你呼叫的介面域名和埠號
changeOrigin: true, //這里設定是否跨域
pathRewrite: { // 路徑重寫
'^/api': ''
}
}
}
}
},
};
main.js (或者其他檔案下)
import axios from 'axios'；
Vue.prototype["$http"]=axios;
/*設定baseURL*/
let baseURL = '/api';
// process.env.NODE_ENV 用于判斷當前運行環境，根據 npm run serve 或 npm run build
if (process.env.NODE_ENV === 'production') {
baseURL = 'http://xxx.xxx:8080/xxxxxx/';
}
axios.defaults.baseURL = baseURL;
還有一種方式是，在根目錄下創建兩個檔案
分別配置地址
然后使用
但是，這種方式我自己實測不行，生產環境能運行，自動化部署的線上環境不行，
大家可以嘗試一下，
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/258041.html
標籤：其他
下一篇：Codeforces Round #700 (Div. 2), problem: (B) The Great Hero,