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

Redux Axios响应laravel 5.2 api服务器获取请求错误问题

储嘉悦
2023-03-14

我使用react与redux和axios进行异步操作。以及用于后端的laravel 5.2 api。React在实际域中,api在子域中。当我试图向api调用异步get请求时,我从网络上得到了200 Ok,但在控制台上得到了错误。

控制台日志:

无法加载XMLHttpRequesthttp://api.doublecurlybraces.me/api/test?api_token=inpm38XbI9Fof7CZv99VlfNQTjx02EjaL5V1B3###########.对飞行前请求的响应未通过访问控制检查:请求的资源上不存在“访问控制允许来源”标头。起源'http://doublecurlybraces.me因此不允许访问。

Network : 
--General--
Request Method:OPTIONS
Status Code:200 OK
Remote Address:46.101.###.###:80
----
--Response Header--
Allow:GET,HEAD,POST
Cache-Control:no-cache
Connection:keep-alive
Content-Encoding:gzip
Content-Type:text/html; charset=UTF-8
Date:Wed, 10 Aug 2016 15:08:01 GMT
Server:nginx/1.11.1
Transfer-Encoding:chunked
--Request Header--
Accept:*/*
Accept-Encoding:gzip, deflate, sdch
Accept-Language:en-US,en;q=0.8
Access-Control-Request-Headers:accept, access-control-allow-headers, access-control-allow-origin, x-requested-with
Access-Control-Request-Method:GET
Cache-Control:max-age=0
Connection:keep-alive
Host:api.doublecurlybraces.me
Origin:http://doublecurlybraces.me
Referer:http://doublecurlybraces.me/
User-Agent:Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.106 Safari/537.36

行动代码

import axios from "axios";

var config = {
       headers: {
             'Content-Type': 'application/json',
             'Access-Control-Allow-Headers':'*',
             'Access-Control-Allow-Origin' : 'http://doublecurlybraces.me',
             'X-Requested-With': 'XMLHttpRequest'
       },
       params: {
             api_token : 'inpm38XbI9Fof7CZv99VlfNQTjx02EjaL#############',

       },

};

export function stockChanges(){

    return function(dispatch){
        axios.get('http://api.doublecurlybraces.me/api/test',config)
          .then(function (response) {
            dispatch({type : "FETCH_STOCK_FULFILLED" , payload : response.data})
          })
          .catch(function (error) {
            dispatch({type : "FETCH_STOCK_REJECTED" , payload : error})
          });
    }
}

共有1个答案

鲁浩渺
2023-03-14

问题是服务器没有返回Access Control Allow Origin头。

Access-Control-Allow-Origin: http://doublecurlybraces.me

请注意,Access Control Allow Origin是一个响应头,因此不应将其添加到axios请求配置中。

 类似资料:
  • 问题内容: 对于不正确的Ajax操作,我将HTTP标头代码设置为403并发送以下响应: 但是,在处理错误时我无法访问此数据…是否可以从jqXHR访问“消息”数据? 像jqXHR.message之类的东西? 非常感谢您的帮助… EDIt: 返回: 但是xhr.responseText.message不返回任何内容… 编辑:此代码有效: 问题答案: 您应该进入jQuery“错误”回调… http://

  • Spotify Oauth2文档-客户端凭证流 我问了一个类似的问题,我能够让代码在google apps脚本(javascript)中运行。我正在使用客户端凭据流。然而,我试图在Nodejs中重新创建这段代码。运行这段代码时,我收到一个服务器错误。 这是Nodejs中的问题代码 我在谷歌应用程序脚本中使用了类似的代码,没有任何问题。 服务器错误可能是我在“localhost:xxxx”上运行No

  • 我在做一个春靴项目, 我正试图从邮递员发送get请求,但我得到500个内部服务器错误。 控制器: } 型号:

  • 我试图建立一个基本的网页,允许用户在数据库的mysql表中添加一行,以便打开LED灯和使用arduino。然而,当我尝试提交表单时,页面返回500状态,mysql查询没有执行。我在我的电脑上运行linux-apache-mysql-php服务器。为什么会这样?

  • 我使用Apache Tomcat 8.5.8部署了一个静态Web应用程序 当我调用普通URL时,它工作正常。http://localhost/example/index.html 但是当我调用下面的URL时,它给我400个错误请求错误。http://localhost/example/index.html?host_info=Outlook|网页 我知道这是因为URL具有特殊字符(|)。但我无法配

  • 我正在使用flask(1.1.1)和spyder(版本=4.1.4)构建区块链。我运行了整个代码,然后去找postman以获得get请求的结果(get\u chain),结果正常。但当我跑的时候http://127.0.0.1:/5000/mine_block.It显示500内部服务器错误。这是完整代码截图完整代码截图mine block Get requestresults