vue配置全局訪問路徑頭(axios)

在vue中用axios發送請求的時候總是:
axios.get(“http://localhost:3000/xxx/xxx”,{params:{xx:xxx}}).then(res=>{}).catch(error=>{})

配置全局的url:
1.安裝axios:npm install axios --save-dev
2.main.js:
import axios from “axios”
axios.defaults.baseURL = “http://localhost:3000/users/”; // 關鍵步驟–填寫後臺請求統一的地址
axios.defaults.headers.post[‘Content-Type’] = ‘application/x-www-form-urlencoded’;
Vue.config.productionTip = false;
Vue.prototype.$addr = axios;

3.訪問:
此時再訪問的時候就會自帶請求頭了:
this.$addr.get(“userInfo”,{params:{xx:xxx}});

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章