首页 > 其他分享 >axios(ajax)发送请求响应码200,但获取不到数据,无法加载响应数据: No datafound for resource with givenidentifier问题解决参考

axios(ajax)发送请求响应码200,但获取不到数据,无法加载响应数据: No datafound for resource with givenidentifier问题解决参考

时间:2023-11-30 16:55:23浏览次数:42  
标签:200 axios 浏览器 请求 响应 ajax html CORS 跨域

问题截图:
没有响应数据
image
控制台报错
image

其实是由于浏览器的跨域资源共享(CORS)策略导致,前后端跨域请求是不行的。什么是域,看页面的url,比如https://www.baidu.com/下的网页都是属于baidu.com这个域。如果你是和我一样是从本地文件打开html的方式来调试ajax,那么一定会出现这个问题,因为本地文件url肯定和服务器访问的域不一样。

  • 所以第一个思路是把这个html拖进后端服务器,再以访问服务器的方式打开html文件就可以保持域相同啦
  • 第二个方法是设置后端允许跨域请求,这也是比较简单省事的,在servlet中加一句:
    response.addHeader("Access-Control-Allow-Origin", "*");
    表示允许任何域名的请求,或者设置为null,表示允许null域名的请求。这样,浏览器就会认为这个请求是被允许的,就不会报错了。

修改浏览器关闭CORS策略也是可以的,但毕竟CORS策略也是一种安全防护,有一定风险,不建议这么做。

标签:200,axios,浏览器,请求,响应,ajax,html,CORS,跨域
From: https://www.cnblogs.com/yimming/p/17867767.html

相关文章

  • 在线axios,jquery库
    点击查看代码<head><metacharset="UTF-8"><title>Title</title><scriptsrc="https://unpkg.com/axios/dist/axios.min.js"></script><scripttype="text/javascript"src="https......
  • Django四件套在响应头中放入数据的方法
    HttpResponse方法一:returnHttpResponse('ok',headers={'xxx':'xxx'})方法二:obj=HttpResponse('ok')obj['yyy']='yyy'#像字典一样放入,最终会放在http的响应头中returnobj redirect无法直接传headers=传入数据方法:obj=......
  • 如何在一个html页面中引入vue跟axios
    如果想在HTML页面中引入Vue和Axios,可以按照以下步骤进行操作1、首页新建一个html页面2、打开vue官网进行引入或者下载vue.min.js包进行本地引入3、下载axios包,如下图所示4、在js部分中写的如下图所示5、axios使用......
  • 斜率优化 [ZJOI2007] 仓库建设
    [ZJOI2007]仓库建设题目描述L公司有\(n\)个工厂,由高到低分布在一座山上,工厂\(1\)在山顶,工厂\(n\)在山脚。由于这座山处于高原内陆地区(干燥少雨),L公司一般把产品直接堆放在露天,以节省费用。突然有一天,L公司的总裁L先生接到气象部门的电话,被告知三天之后将有一场暴雨,于......
  • NOIP2000提高组真题解析
    NOIP2000提高组真题解析第一题进制转换题目链接解析首先,我们知道对于10进制数x转2进制数,使用的算法是:求出x%2令x=x/2不断执行1,2,直至x为0,然后倒序输出步骤1的结果。一般可以用数组存步骤1的结果倒序输出或者使用dfs回溯回来再输出。对于负数的情况,比如\(-7=1*(-2)^3......
  • P1036 [NOIP2002 普及组] 选数(递归)
    [P1036[NOIP2002普及组]选数]我的思路是运用递归实现一个树状分支例如3712194选3,每个情况为3-7-123-12-197-12-19注意我们用递归时在传参时要以和的形式传参。如果先求和再传参就会发生错误.#include<iostream>#include<string>#include<math.h>#include<......
  • 使用axios获取接口返回二进制流进行文件下载
    1、当接口返回值类型是'application/json'时,处理报错信息1if(response.data.type&&response.data.type=='application/json'){2letreader=newFileReader();3//处理load事件。该事件在读取操作完成时触发4reader.onload=e=>......
  • 飞腾E2000板载以太网适配
    飞腾E2000板载以太网适配e20005.4.18macbyt85211.设备树移植2.MACB驱动移植3.网络连通性调试3-1.MACB驱动环回测试3-2.YT8521PHY工作模式及电压确认3-3.YT8521PHY环回测试3-4.YT8521PHYtxdelay调整飞腾E2000嵌入式板卡的MAC芯片对应linux通用macb驱动,外接YT8521PHY......
  • vue3结构赋值失去响应式引发的问题思考
    前言vue3是基于proxy实现响应式的能力,解决了vue2所遗留下来的一些问题,同时也正由于proxy的特性,也提高了运行时的性能凡事有利有弊,proxy虽然无敌,但是他也有本身的局限,从而产生一些认为的弊端原始值的响应式系统的实现导致必须将他包装为一个对象,通过.value的方式访......
  • Python汇总篇,200+Python标准库介绍(超全)
    关于Python标准库众所周知,Python是一个依赖强大的组件库完成对应功能的语言,为了便捷实现各项功能,前辈大牛们打造了多种多样的工具库公开提供给大众使用,而越来越多的库已经因为使用的广泛和普遍及其功能的强大,已经成为Python的标准库。时至今日,Python标准库已经非常庞大,所提供的组......