npm install axios --save 在專案中引入 axios第三方插件
在專案中建立一個App.js 當然 名字可以隨意取
匯入import axios from ‘axios’;
//在vue原型鏈中封裝post請求方法
function createService () {
// 創建一個 axios 實體
const service = axios.create()
// 請求攔截
service.interceptors.request.use(
//發送成功
config => {
//可在此配置請求頭資訊
config.headers.Authorization = "專案token";
return config
},
//發送失敗
error => {
return error
}
)
//回應攔截
service.interceptors.response.use(
//請求成功
response => {
//拋出回傳值
return response;
},
//請求失敗
(error, response) => {
//回傳錯誤資訊
return error;
}
)
//拋出物件
return service
}
在建立發送請求的方法
function createRequestFunction (service) {
return function (config) {
const configDefault = {
headers: {
Authorization:"",
'Content-Type':'application/json'
},
timeout: 100000,
baseURL: process.env.VUE_APP_API,
data: {}
}
return service(Object.assign(configDefault, config))
}
}
最后我們將方法掛在Eventbus里 方便全域呼叫
export const service = createService()
Vue.prototype.request = createRequestFunction(service);
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/277703.html
標籤：其他
上一篇：Vue的路由守衛