javascript - 使用请求拦截器时的axios cors问题

Question

我遇到了 axios 拦截器的问题。我正在尝试调用公共 API 并发送标头（仅用于测试），当我使用请求拦截器时，我的请求将响应作为 CORS 错误。但是如果我不使用拦截器，请求就可以正常工作。

在我的 axios 配置文件中，我有这样的东西：

import axios from 'axios'

const api = axios.create({
  baseURL: 'https://randomfox.ca/floof'
})

api.interceptors.request.use(
  function (config) {
    config.headers.test = 'I am only a header!'
    return config
  },
  function (error) {
    return Promise.reject(error)
  }
)

export default api

我正在使用 NextJS，在我的组件中我有这样的东西：

import React from 'react'
import api from 'services/HTTPService'

export default function MyComponent() {
  React.useEffect(() => {
    api.get('/')
  }, [])

  return null
}

标签： javascriptreactjsaxiosnext.js