Access to XMLHttpRequest at ‘file:///C:/Users/Lenovo/Desktop/%E4%B8%93%E5%91

最新推荐文章于 2025-03-13 16:32:22 发布
最新推荐文章于 2025-03-13 16:32:22 发布
阅读量1.3w 收藏 5
点赞数 7
分类专栏： 前端学习笔记 文章标签： javascript 前端 ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_45947664/article/details/126837860
版权
这篇博客介绍了如何在Visual Studio Code(VSCode)中解决本地文件预览时可能出现的ajax跨域问题。通过安装并使用LiveServer插件，可以便捷地以HTTP协议打开本地文件，避免跨域错误。步骤包括下载和启用插件，通过GoLive功能启动服务器，并调整端口号。如果方法一无效，还提供了其他博主的解决方案作为参考。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

问题：

原因：可能是ajax跨域问题

解决：

1、使用VSCode的话        下载Live Server插件，通过安装这个插件就可以使用http协议打开file本地文件页面。

 2、点击Go Live 

3、问题解决，编译器直接跳转默认编辑器，打开工作区页面，5500是live server自动分配的端口，如果没有自动跳转，就新建终端，输入“live-server --port=8081”，ps：8080端口可能被占用。

 4、点击

最低0.47元/天 解锁文章
Access to XMLHttpRequest at ‘file:///D:/xx/xxx.json‘ from origin ‘null‘ has been blocked by CORS问题解决
oscar999的专栏
04-12 1万+
在浏览器打开本地的html文件， 上面proxy中的url获取的就是一个本地文件， 协议是file://，如果是在服务器启动的话，则使用的是http或者https协议。 出于安全性考虑， Chrome默认禁止了这种用法，file协议和http/https协议不同，会被Chrome认为是跨域访问，所以会报被CORS(Cross-Origin Resource Sharing，跨域资源共享)的安全策略阻止。
解决本地浏览器运行项目时的跨域问题-Access to XMLHttpRequest at ‘file:///D:/WebPracties/newSmartCity/data/funData.json
丑小鸭变黑天鹅的博客
03-10 5万+
解决本地浏览器运行项目时的跨域问题-Access to XMLHttpRequest at 'file:///D:/WebPracties/xxxxxx/data/funData.json问题描述解决办法 问题描述 这几天做项目的时候，遇到这样一个问题，写了一个页面，用js动态的创建了一系列li，让其在页面上展示，获取数据的方式是通过json模拟，结果运行界面 的时候，出现了差错，我以为是代码写错了，仔细检查了一遍，发现代码，没有任何问题，看了一下报错原因，上网查了一下，发现是ajax跨域问题。 先看一下报
Access to XMLHttpRequest at ‘fileDxxxxx.json‘ from origin ‘null‘ has been blocked by CORS问题解决
begefefsef的博客
08-01 5553
出于安全性考虑，Chrome默认禁止了这种用法，file协议和http/https协议不同，会被Chrome认为是跨域访问，所以会报被CORS(Cross-OriginResourceSharing，跨域资源共享)的安全策略阻止。在该文件源码中，使用了proxy获取数据，数据源使用的是文件名为mydata.json的文件。在浏览器打开本地的html文件，上面proxy中的url获取的就是一个本地文件，协议是file//，如果是在服务器启动的话，则使用的是http或者https协议。...
Access to XMLHttpRequest at ‘file:///C:/Users/Administrator/Desktop/test/AJAX/demo_test.txt‘
weixin_45784582的博客
09-24 3万+
请求数据报错： Access to XMLHttpRequest at ‘file:///C:/Users/Administrator/Desktop/test/AJAX/demo_test.txt’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, ht
解决跨域问题：Access to XMLHttpRequest at ‘http://localhost:8080/xxx‘ No ‘Access-Control-Allow-Origin‘ head
最新发布
weixin_59997843的博客
03-13 2707
提供了简洁的注解驱动方式解决跨域问题，适用于快速开发场景。对于企业级应用，建议通过全局配置统一管理跨域规则，兼顾安全性和可维护性。通过合理配置来源、方法和头信息，既能保障接口的开放性，又能有效防范潜在的安全风险。最近，华为云与硅基流动联合推出了一款强大的 AI 模型——满血版 DeepSeek R1。这款模型不仅性能强大，更重要的是，注册即送 2000 万 Token！对于开发者、研究人员和 AI 爱好者来说，这无疑是一个巨大的福利。那么，2000 万 Token 到底是什么概念？点击这里注册。
解决本地浏览器运行项目时的跨域问题Access to XMLHttpRequest at ‘file:///C:/Users/Len/Desktop/%E5%8F%AF%E4%BF%AE%E6%94%
热门推荐
相濡以沫不如相忘于江湖.
09-16 14万+
Access to XMLHttpRequest at 'file:///C:/Users/Len/Desktop/%E5%8F%AF%E4%BF%AE%E6%94%B9%E9%85%8D%E7%BD%AE/dist/model/model.gltf.xz' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data,
报错：Access to XMLHttpRequest at ‘file:///c:/user/xxx/Desktop/xxx/aaa.json‘
weixin_42401268的博客
03-20 2667
本地测试一个小的demo，需要根据不同情况读取不同json文件配置。结果发现报错。
Ajax和XMLHttpRequest
weixin_33709219的博客
09-26 670
Ajax和XMLHttpRequest我们通常将Ajax等同于XMLHttpRequest，但细究起来它们两个是属于不同维度的2个概念。以下是我认为对Ajax较为准确的解释：（摘自what is Ajax）AJAX stands for Asynchronous JavaScript and XML. AJAX is a new technique for creatin...
【调试错误】Access to XMLHttpRequest at file:E590/ceshi.json from origin null 亲测有效！！！
06-04 3185
【调试错误】Access to XMLHttpRequest 加粗样式at file:E590/ceshi.json from origin null 一、跨域问题： Access to XMLHttpRequest at ‘http://localhost:9090/guidance/findGuidancePage’ from origin ‘http://localhost:8000’ has been blocked by CORS policy: No ‘Access-Control-Allow-
Access to XMLHttpRequest at ‘http://localhost/login/hello‘ from origin ‘http://127.0.0.1:5500‘ has b
m0_51346654的博客
06-03 2538
本文章仅用来记录课设所发生的错误，SpingBoot和js速成，因此遇到很多问题，仅具有参考性。 Access to XMLHttpRequest at ‘http://localhost/login/hello’ from origin ‘http://127.0.0.1:5500’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resourc...
VUE 出现Access to XMLHttpRequest at 'http://192.168.88.228/login/Login?phone=19939306484&password=111'...
weixin_30480583的博客
04-24 1万+
报错如上图！！！！ 解决办法首先打开 config -> index.js ，粘贴 如下图代码，'https://www.baidu.com'换成要访问的的api域名，注意只要域名就够了，不是整个api地址。代码（效果图）如下 更改完以后，还需要我们把src/mains.js 中的 axios.defaults.baseURL = 'http://www.baidu....
access to xmlhttprequest at_现在最火的圆珠笔组装手工活不收押金,别看不起日赚几十,累积就是财富!--at...
weixin_39860946的博客
11-07 441
现在最火的圆珠笔组装手工活不收押金,别看不起日赚几十,累积就是财富!微信打字赚钱，很多人都会看到广告宣传，这是为什么呢？因为每个咨询这份兼职，想要做这份兼职的人都要帮忙转发宣传，这是门槛任务，所以才会有这么多人看到微信打字赚钱。那么这份兼职工作靠谱吗？事实并不是这么美好。小编推荐正规兼职详情加微信：81153664(手机用户认准第一个加为好友，谨防上当受骗)fuGat-lib网站目录fuGat-...
项目报错Access to XMLHttpRequest at http://localhost:8080 from origin http://localhost:8081(前后端分离解决跨域问题)
qq_64734490的博客
11-09 5898
跨域是指浏览器的同源策略限制下，一个域（网站）下的脚本试图去请求另一个域（网站）的资源。同源策略是浏览器的一种安全机制，用于限制一个源的文档或脚本如何与另一个源的资源进行交互，它要求协议、域名和端口都相同，如果这三个中的任何一个不同，就会产生跨域问题。
Access to XMLHttpRequest at ‘http://localhost:9001/eduservice/subject/getAllSubject‘ from origin ‘ht
weixin_55720539的博客
03-19 1835
跨域问题： 1.可以查看路径是否不一样 2.查看controller层是否加了@CrossOrigin 3.看看是不是前后端请求方法不一致
Access to XMLHttpRequest at ‘http://127.0.0.1:8080/xxx’ from origin ‘http://192.168.1.103:8096’ has
城南蝈蝈
10-07 3513
但是这个方法明显也不适合我，第一是用的手机APP，用ionic，ionic.config.json当中没有配置代理的情况下访问A和B这两个后台只有B会出现跨域问题，说明不是这个问题。豁然开朗，因为发送请求时，会先发送一个OPTIONS，而这个配置，因为没有登录的原因，禁止使用，而前台的OPTIONS请求没有得到相应，就不能继续发送其他类似GET或者POST请求，这样就会出现跨域问题。而且，前台发生请求时，会发送两次请求，一次是options,options通过后发送get或者post请求。
Access to XMLHttpRequest at ‘http://localhost:8880/v1/user/login‘ from origin ‘http://localhost:9999
weixin_57714644的博客
12-16 854
CORS(Cross-Origin Resource Sharing 跨域资源共享)：当请求来自不同的主机地址、不同的端口号、服务器不一致时，都被认为是跨域请求。5.在IDEA后端控制台也可以看到打印出来的用户信息。1.在config包下新建一个WebConfig类。2.编写自己的请求策略代码，写完以后重启后端工程。3.在浏览器注册页面填写表单测试信息，点击提交。4.可以在控制台看到成功状态码与对应消息。针对上面报错信息，可能与跨域情况有关。注：后端发送请求对应方法中添加日志注解。
Access to XMLHttpRequest at ‘http://localhost:8011/sockjs-node/info?t=1661849072906‘ from origin...
weixin_44768683的博客
08-30 1674
Access to XMLHttpRequest at 'http://localhost:8011/sockjs-node/info?t=1661849072906' from origin...
解决Access to XMLHttpRequest at ‘http://localhost:9091/login‘ (redirected from ‘http://localhost:9090/
一株木樨的博客
10-23 4709
解决Access to XMLHttpRequest at
Access to XMLHttpRequest at ‘http://localhost:8080/api/user/login‘ from origin ‘http://localhost...
qq_74344288的博客
07-17 7886
当你尝试从一个域名（http://localhost:8088）访问另一个域名（http://localhost:8080）的资源时，浏览器会执行一个安全检查，以确保请求是合法的。如果目标服务器没有正确配置CORS策略，浏览器将阻止这个请求。要解决这个问题，你需要在服务器端（http://localhost:8080）配置CORS策略，允许来自http://localhost:8088的请求。1.这个问题是由于CORS策略阻止了带有凭证的请求。在配置类中，你可以配置全局的CORS设置。
Access to XMLHttpRequest at 'file:///E:/projects/ThreejsSpace/fbxTest/Angry.fbx'
04-19
Access to XMLHttpRequest at 'file:///E:/projects/ThreejsSpace/fbxTest/Angry.fbx is a security feature implemented in web browsers to prevent cross-origin requests. It means that you are trying to make an XMLHttpRequest to a local file on your computer, which is not allowed due to security restrictions. To access the file 'Angry.fbx' using XMLHttpRequest, you need to host it on a web server and access it through a valid URL. This can be done by setting up a local web server or uploading the file to a remote server.
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

念衢

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值