关于JSON(跨域)：XMLHttpRequest cannot load file:///E:/static/cartData.json. Cross origin requests..

最新推荐文章于 2021-01-04 09:52:43 发布
最新推荐文章于 2021-01-04 09:52:43 发布
阅读量2.4k 收藏 1
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_37754657/article/details/78231047
版权

关于JSON的问题：XMLHttpRequest cannot load file:///E:/static/cartData.json. Cross origin requests are ...（此处省略）。

我的代码是：

this.$http.get("data/cartData.json").then(function(res){...});

会报出上面的错误

我的解决方法是：打开phpstudy,把项目文件放在根目录下去跑，成功.




wxiaojia
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
file:///E:/Users/Administrator/Documents/Java实现托盘管理.docx
11-26
教你怎么用Java制作托盘，完美的制作托盘讲述！
$.ajax中contentType: “application/json” 的用法详解
10-17
这在处理JSON数据时尤其有用，因为JSON是一种轻量级的数据交换格式，广泛应用于Web服务和API之间。 1. **contentType参数的作用**： `contentType`参数决定了发送到服务器的数据格式。默认情况下，`$.ajax`会将...
如何解决XMLHttpRequest cannot load file~~~~~~~Origin 'null' is therefore not allowed access
生命不止 学无止境
06-16 15万+
XMLHttpRequest cannot load file~~~~~~~Origin 'null' is therefore not allowed access 最近在做框架的时候，需要加载.html文件和.json文件的时候出现了一下一个错误
XMLHttpRequest cannot load file浏览器无法异步加载本地file文件
04-21 185
原因：Chrome不支持本地Ajax请求，在.html文件中访问.json文件时就会出现这个问题，就是说这个时候不能加载这个.html文件。 解决方式 打开Chrome快捷方式的属性中设置： 右击Chrome浏览器快捷方式，选择“属性”， 在“目标”中加上"--allow-file-access-from-files"，注意前面有个空格， 重启Chrome浏览器便可。 转载...
jQuery ajax XMLHttpRequest cannot load file
oscar92420aaa的博客
11-15 1067
参考文档：http://stackoverflow.com/questions/21012385/error-in-chrome-only-xmlhttprequest-cannot-load-file-url-no-access-control-all 国内的解决方法全是："--allow-file-access-from-files" 反正我是没成功，并且打了空格。 参考文档说的很清楚，
file:///E:\WebSite\Default.aspx单例模式
博客标题：
01-24 197
<%@ Page Language="VB" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script runat="server">
使用$.getJSON实现跨域ajax请求示例代码
10-26
$.getJSON 是 jQuery 提供的一种 AJAX 方法，用于向服务器请求 JSON 数据并在数据加载成功后执行回调函数。这个方法特别适用于跨域请求，因为 JSONP（JSON with Padding）协议允许绕过同源策略，使得 JavaScript ...
跨域文档.mdvue.config.js配置跨域vue.config.js配置跨域vue.config.js配置跨域
05-23
vue.config.js配置跨域
详解关于JSON.parse()和JSON.stringify()的性能小测试
10-17
JSON.parse() 和 JSON.stringify() 是 JavaScript 中用于处理 JSON 数据的关键函数。JSON，即JavaScript Object Notation，是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。在JavaScript...
JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码
10-19
主要介绍了JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码,需要的朋友可以参考下
file:///E:\WebSite\Login.aspx.vb还是别用单例模式了
博客标题：
01-24 167
Partial Class Login Inherits System.Web.UI.Page Protected Sub Login1_Authenticate(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.AuthenticateEventArgs) Handles Login1.Authentic...
file:///E:\WebSite\Default.aspx.vb
博客标题：
01-24 281
Partial Class _Default Inherits System.Web.UI.Page Private Shared conn As System.Data.SqlClient.SqlConnection = New System.Data.SqlClient.SqlConnection(Dao.ConnectionString) Private Shar...
记一次HDFS Web报错Couldn‘t preview the file. NetworkError: Failed to execute ‘send‘ on ‘XMLHttpRequest‘
一花一世界
01-04 1万+
报错内容 Couldn’t preview the file. NetworkError: Failed to execute ‘send’ on ‘XMLHttpRequest’: Failed to load ‘http://slave1:9864/webhdfs/v1/HelloHadoop.txt?op=OPEN&namenoderpcaddress=master:9820&offset=0&_=1609724219001’. Hadoop 集群背景 https://blo
跨域问题Access to XMLHttpRequest‘*‘from origin ‘*‘ has been blocked by CORS..Access-Control-Allow-Origin
热门推荐
胡老汉的博客
03-02 33万+
跨域问题解决方案：CORS Access to XMLHttpRequest at '*' from origin '*' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header...
XMLHttpRequest cannot load file:///xx.Cross origin requests are only supported for protocol schemes.
sheila1227的专栏
03-03 1万+
正在学习JavaScript，学到XMLHttpRequest对象出了问题。   模仿这个 点击打开链接 练习的时候，用chrome浏览器调试，总是报错： XMLHttpRequest cannot load file:///C:/Users/Sheila/Documents/GitHub/w3cschool-javascript-exercises/%E5%9F%BA%E7%A1%80%E
【跨域问题】Access to XMLHttpRequest at'http://localhost:解决跨域问题，前后端连调，前端Vue后端SSM，解决Vue项目打包后打开页面图片不显示问题
OrangeChenZ的博客
01-14 22万+
问题： Failed to load resource: net::ERR_CONNECTION_REFUSED 这个问题我是因为后端服务没有启动，报错的； 跨域问题： Access to XMLHttpRequest at ‘http://localhost:9090/guidance/findGuidancePage’ from origin ‘http://localhost:8000’ h...
【问题解决】XMLHttpRequest cannot load http://xxx.xxx No 'Access-Control-Allow-Origin'
追寻水中桥
02-26 4万+
问题描述："XMLHttpRequest cannot load http://xxx.xxx. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://127.0.0.1:8020' is therefore not allowed access."/xxx.html
ajax测试报错Access to XMLHttpRequest at '' from origin '' has been blocked by CORS policy: No 'Access-Co
icebns的博客
08-27 9181
报错全文：Access to XMLHttpRequest at 'http://localhost:8080/' from origin 'http://127.0.0.1:8848' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resou...
XMLHttpRequest cannot load 错误解决
zone的博客
04-29 4280
在写项目的过程中，我们常常会发现顶部和底部的内容往往是一样，但是如果直接复制 比较繁琐，并且你需要引入不同的css或是js文件，只要有一个地方需要改动，我们需要把这个项目过一遍，这显然不符合模块化开发的思想，jsp可以使用include 引入。
Access to XMLHttpRequest at 'file:///D:/vue/vue-first/data.json' from origin 'null' has been blocked by CORS policy
最新发布
07-28
回答: 这个错误是由于浏览器的CORS策略引起的。CORS是一种安全机制，用于限制跨域请求。当浏览器发现请求的源与目标不在同一个域时，会发送一个预检请求，检查目标服务器是否允许跨域请求。如果目标服务器没有正确配置CORS头部，浏览器就会拒绝该请求，从而导致这个错误。\[1\]\[2\] 对于你提到的具体错误，'file:///D:/vue/vue-first/data.json'是一个本地文件路径，而'null'是请求的源。由于这是一个本地文件请求，而不是通过HTTP协议请求，所以CORS策略不适用于这种情况。因此，你可以通过将数据文件放在与你的应用程序相同的域中，或者使用服务器来提供数据，以避免这个错误。 #### 引用[.reference_title] - *1* [Access to XMLHttpRequest at ‘http://xxx‘ from origin ‘http://xxx‘ has been blocked by CORS ...](https://blog.csdn.net/qq_41470439/article/details/109361842)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [前后端分离跨域问题Access to XMLHttpRequest at ‘http://localhos...has been blocked by CORS policy: ...](https://blog.csdn.net/qq_42416602/article/details/121731774)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [Access to XMLHttpRequest at ‘http://xx‘ from origin ‘http://xx‘ has been blocked by CORS policy](https://blog.csdn.net/weixin_51603038/article/details/129319187)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值