視訊直播系統原始碼，使用者選擇免打擾模式時的請求響應攔截實現的相關程式碼

// 通用的網路請求，安裝axios
import axios from "axios";
//設定每個請求的型別，比如post、get、delete，所以要寫成活的
export function request(config) {
    const instance = axios.create({
        baseURL: 'https://域名.cn/', //這裡是預設的域名
        timeout: 5000 //5s超時，截止請求
    })

​

請求攔截

請求攔截器的作用是在請求傳送前進行一些操作，例如在每個請求體里加上token，統一做了處理如果以後要改就很方便了~

 //請求攔截
    instance.interceptors.request.use(config => {
        //如果有一個介面需要認證才可以訪問，就在這裡統一設定
        return config;
    }, err => {
    })

響應攔截

響應攔截器的作用是在接收到響應後進行一些操作，例如在伺服器返回登入狀態失效，需要重新登入的時候，跳轉到登入頁。

響應攔截器也是一樣如此，就是在請求結果返回後，先不直接匯出，而是先對響應碼進行處理，處理好後再匯出給頁面，如果將這個對響應碼的處理過程抽出來，就成了所謂的響應攔截器。

 //響應攔截,請求後臺資料的時候，
    instance.interceptors.response.use(res => {
        //返回狀態碼200放行
        return res.data ? res.data : res;
    }, err => {
        //其他錯誤，攔截，過濾
    })

全部程式碼

// 通用的網路請求，安裝axios
import axios from "axios";
//設定每個請求的型別，比如post、get、delete，所以要寫成活的
export function request(config) {
    const instance = axios.create({
        baseURL: 'https://api.shop.eduwork.cn/', //這裡是預設的域名
        timeout: 5000 //5s超時，截止請求
    })
    //請求攔截
    instance.interceptors.request.use(config => {
        //如果有一個介面需要認證才可以訪問，就在這裡統一設定
        return config;
    }, err => {
    })
    //響應攔截,請求後臺資料的時候，
    instance.interceptors.response.use(res => {
        //返回狀態碼200放行
        return res.data ? res.data : res;
    }, err => {
        //其他錯誤，攔截，過濾
    })
    //需要返回才可以使用
 return instance(config);
}

以上就是視訊直播系統原始碼，使用者選擇免打擾模式時的請求響應攔截實現的相關程式碼， 更多內容歡迎關注之後的文章