Access-Control-Allow-Origin axios 请求错误 - CORS

Question

我在发送 POST 请求时遇到 CORS 问题：

这是我的代码：

import axios from 'axios'

const api = axios.create({
  baseURL: 'http://localhost:8084',
})


export const postTip = async (payload) => {
  try {
    const { data } = await api.post(`post-tip`, payload);
    return data;
  } catch (e) {
    return [];
  }
};

我发现我需要在 header 中设置 Access-Control-Allow-Origin，我用两种方法做到了。第一个：

const api = axios.create({
  baseURL: 'http://localhost:8084',
  headers: {
    post: {
      "Access-Control-Allow-Origin": true
    }
  }
})

第二个：

const { data } = await api.post(`post-tip`, payload, {
      headers: {
        "Access-Control-Allow-Origin": true
      }
    });

它们都工作并且在请求中 header 我可以看到这一行 Access-Control-Allow-Origin: true。但是我仍然得到这个错误，所以，问题是什么？

Answer 1

此错误可能来自服务器。你想达到你自己的 api 吗？如果你这样做，错误可能就在那里。

我看到你标记了快递所以请参考这个页面它应该包含你需要的所有信息

http://expressjs.com/en/resources/middleware/cors.html

Answer 2

这个错误来自你的后端，你使用 front-end 中的 axios post，但你需要在你的后端设置 header "Access-Control-Allow-Origin": true。

Access-Control-Allow-Origin axios 请求错误 - CORS

Access-Control-Allow-Origin axios request error - CORS

javascript

rest

post

express

axios