nuxt3 配置请求拦截器

在 Nuxt.js 中配置请求拦截器可以通过使用 Axios 拦截器实现。以下是一个示例：

首先，在你的 Nuxt.js 项目中创建一个新的文件 `plugins/axios.js`，并在该文件中添加以下代码：

export default function ({ $axios }) {
  // 请求拦截器
  $axios.interceptors.request.use((config) => {
    // 在发送请求之前做些什么
    // 添加自定义的请求头、全局 loading 状态等
    return config;
  }, (error) => {
    // 对请求错误做些什么
    return Promise.reject(error);
  });

  // 响应拦截器
  $axios.interceptors.response.use((response) => {
    // 对响应数据做些什么
    // 可以在这里统一处理错误码等逻辑
    return response;
  }, (error) => {
    // 对响应错误做些什么
    return Promise.reject(error);
  });
}

然后，在你的 Nuxt.js 项目的 `nuxt.config.js` 文件中，将该插件添加到 `plugins` 数组中：

export default {
  // ...
  plugins: [
    '~/plugins/axios'
  ],
  // ...
}

这样，你就成功配置了请求拦截器。你可以根据需求在请求拦截器中添加自定义的逻辑，例如添加请求头、处理全局 loading 状态、统一处理错误码等。