Reactjs 未经授权返回Api

Reactjs 未经授权返回Api,reactjs,go,Reactjs,Go,我是GoLang+React的新学员。于是我开始了一个学习项目。我用GoLang制作了一个RESTful Api。应用程序编程接口。我用那个api做了一个登录系统。我可以成功登录并将用户数据设置为sessionStorage。但问题是,当我试图用axios点击api的注销端点注销用户时。第一次显示未经授权。第二次显示网络错误 以下是申请代码: logout = () => { const user = JSON.parse(sessionStorage.getItem('userD

我是GoLang+React的新学员。于是我开始了一个学习项目。我用GoLang制作了一个RESTful Api。应用程序编程接口。我用那个api做了一个登录系统。我可以成功登录并将用户数据设置为sessionStorage。但问题是,当我试图用axios点击api的注销端点注销用户时。第一次显示未经授权。第二次显示网络错误

以下是申请代码:

logout = () => {
    const user = JSON.parse(sessionStorage.getItem('userData'));
    const token = user.token;
    const uid = user.id;
    const url = "http://localhost:8000/logout"
    axios.post(url,{"user_id":uid},{"Authorization":`Bearer ${token}`}).then((response) => response.json()).then((result) => {
        let responseJson = result;
        console.log(responseJson);
    }).catch((error) => {
        console.log(error);
    })
}

注意:通过客户端应用程序,我可以成功注销。但是,对于axios,我不能。

您需要在axios对象的
标题
属性下提供身份验证标题

说明:

这是axios post方法签名,请检查:

第三个参数应该有这个接口:

{
  ...
  baseURL?: string;
  headers?: any; // this is for headers
  params?: any;
  ....
}

我通过将此代码添加到package.json文件中修复了该问题


“代理”:http://localhost:your_port"

先生,您能解释一下吗,先生,因为我是一名新的学习者谢谢您的解释,但我已经在我的basicMiddleware中添加了cors,在您建议的问题之后,我再次检查了我的cors,并用该问题的答案更新了中间件,但我仍然遇到了这个问题。您能使用大写字母
B
作为
承载人吗XYZ_您的__tok
然后重试?我第一次使用Bear时出现了错误:网络错误,然后我用Bear替换了它,但不幸的是,情况是一样的。如果你不介意我给我的api链接,你会检查我的中间件和cors系统吗?cors func是controller/controllers.go,并在controllers文件夹中路由。顺便说一句,当我通过客户端应用发送请求时,承载和承载都在工作。响应头是完全空白的,我已经在github上看到了您的文件。CORS设置似乎很好。我发现关于
承载体的大小写敏感度。
axios.post(url[, data[, config]])
{
  ...
  baseURL?: string;
  headers?: any; // this is for headers
  params?: any;
  ....
}