Question

我正在使用 Vuejs，但有一个问题我想将自定义标头发送到我的后端 API，而不是第三方 API。

我尝试创建一个 axios 实例来解决我的案例，但无济于事。自定义标头被发送到第三方 API，这当然被 CORS 阻止，因此我没有得到我期望的结果。我想我确实在 Vue main.js 中全局设置了自定义标头，我应该如何避免将自定义标头发送到第三方 API

创建的 Axios 实例是

  var instance = axios.create();
    var config = {
      method: "get",
      url: "//thirdPartyApi",
      headers: {
        "Content-Type": "application/json",
      },
    };

    const response = instance(config);

在 main.js 文件中我有

Vue.prototype.$http.defaults.headers.common["customHeader"] = Tokenized;

其中 Tokenized 是我的自定义变量

Answer 1

解决方案 1 - 对两个 API 使用不同的 Axios 实例（干净且简单）
解决方案 2 - 编写自定义 request interceptor 并根据请求的 URL 删除标头...

防止 Axios 发送特定标头

1 个答案: