跟著up主做的，他的攔截器沒問題但是我的就是不起作用。
后來在mian.js中添加了下面兩行，全局引入，然后就可以了。

import axios from 'axios' Vue.prototype.$axios = axios

放上一開始的代碼：
main.js

import Vue from 'vue' import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' import App from './App' import router from './router'Vue.config.productionTip = false Vue.use(ElementUI) /* eslint-disable no-new */ new Vue({el: '#app',router,components: { App },template: '<App/>' })

api.js

import axios from 'axios' import { Message } from 'element-ui'; import router from '../router'/*** 響應(yīng)攔截器*/ axios.interceptors.response.use(success=>{if (success.status&&success.status==200)if (success.data.code==500||success.data.code==401||success.data.code==403){Message.error({message:success.data.message});return;}if (success.data.message){Message.success({message:success.data.message});}return success.data; },error => {if (error.response.code==500||error.response.code==404){Message.error({message:"服務(wù)器跑路了！"});}else if(error.response.code==403){Message.error({message:"權(quán)限不足，請聯(lián)系管理員！"});}else if(error.response.code==401){Message.error({message:"還沒登錄，請登錄！"})router.replace('/');}else {//判斷返回頁是否有信息if (error.response.data.message){Message.error({message:error.response.data.message});}else {Message.error({message:'未知錯誤！'})}}return;})/*** 請求封裝*/ let base=''; export const postRequest=(url,params)=>{return axios({method:'post',url:`${base}${url}`,data:params}) }

總結(jié)

以上是生活随笔為你收集整理的vue 响应拦截器不起作用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。