vue.js - 如何在全局范围内将 axios/axios 拦截器附加到 Nuxt？

Question

我将如何将 axios/axios 拦截器全局附加到 nuxt(因此它随处可用)，就像 i18n 的附加方式一样？

我的想法是我想要一个全局的 axios 拦截器，每个请求都通过该拦截器。

谢谢

Answer 1

您可以创建一个名为 axios 的插件 (/plugins/axios.js)

import Vue from 'vue';
import axios from 'axios';

axios.interceptors.request.use((config) => {
  // Do something before request is sent
  return config;
}, function (error) {
  // Do something with request error
  return Promise.reject(error);
});

Vue.use(axios);

然后在 nuxt.config.js 中定义它

module.exports = {
    //....

    plugins: [
      '~/plugins/axios',
    ],

    //....
};

就是这样，您的拦截器现在可以在全局范围内工作了