当前位置: 首页 > 知识库问答 >
问题:

当使用Axios时,为了传递自定义头,请求抛出错误

夏经武
2023-03-14
import axios from 'axios';  

var data = JSON.stringify({
    "email": email,
    "password": password
  });
  var config = {
    method: 'post',
    url: 'http://localhost:3001/user/Login',
    headers: {
      'x-api-key': 'apiKey', 
      'content-type':'application/octet-stream',
      'Accept': 'application/json'
    },
    data : data

  axios(config)
  .then(function (response) {
    console.log(JSON.stringify(response.data));
  })
  .catch(function (error) {
    console.log(error);
  });

错误:

错误:在XMLHttpRequest.HandleError(XHR.JS:99)的createError(createError.js:16)处出现网络错误。CORS策略阻止了从源“http://localhost:3001/user/login”访问“http://localhost:3000”处的XMLHttpRequest:“请求头字段Access-Control-Allog-Origin”已被禁止:飞行前响应中的Access-Control-Allog-Headers不允许。

共有1个答案

江佐
2023-03-14

您的url有双正斜杠,但应该是单正斜杠

url: 'http://localhost:3001/user/Login',

这可能会有帮助!!

 类似资料:
  • 我正在尝试使用axios对我的react应用程序进行授权,该请求与postman一起工作,但当我开始react时,它会给我400个错误请求 控制台返回这个

  • 问题内容: 我已经按照npm软件包文档中的建议编写了axios POST请求,例如: 它可以工作,但是现在我修改了后端API以接受标头。 内容类型:“ application / json” 授权:“ JWT fefege …” 现在,此请求在Postman上可以正常工作,但是在编写axios调用时,我遵循 此链接 ,无法完全正常工作。 我经常出错。 这是我的修改请求: 任何帮助是极大的赞赏。 问

  • 我正在构建一个VueJS应用程序,并使用JSON web令牌作为身份验证系统。当我登录用户时,我使用localStorage存储令牌,并且工作正常。我检查了标题,它在“授权”参数中。 我通过 我看到了标题,没关系。但是,当我对API中的受保护路由执行get请求时,返回“unauthorized”。但是,当我在请求中手动传递带有令牌的标头时,效果很好。 有人知道如何在执行某个请求时自动传递头吗?

  • 我试图在我的POST请求中传递一个应用程序特定的头,但是我得到了错误-步骤头XXX-XXX没有一个匹配的胶水代码。 如何在请求中指定特定于我的应用程序的头。以下是我正在提交的示例请求:

  • 我正在开发一个API,需要抛出和异常,如下所示 如果sort by参数不是我预先确定的值之一,我有几个参数来做这件事,因为这里是我的控制器的样子 我删除了url,但它可以对传入的数据进行排序,但我需要验证并抛出正确的错误,我真的不知道如何以所需的格式执行,如json,欢迎任何帮助

  • 如何将自定义标头添加到HttpClient请求?我使用方法发布JSON。我需要添加的自定义标题是 这是我到目前为止所做的: