网页报错Access to fetch at 'file:///C:/Users/qqyxj/Desktop/Domain_Name_Web_Page/join/password.txt' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome-untrusted, https, edge. script.js:13 GET file:///C:/Users/qqyxj/Desktop/Domain_Name_Web_Page/join/password.txt net::ERR_FAILED
时间: 2023-08-08 12:04:35 浏览: 2964
这个错误是由于浏览器的CORS(跨源资源共享)策略导致的。浏览器限制通过file协议加载本地文件并从origin为null的源访问其他源的资源。
要解决这个问题,你可以尝试以下几种方法:
1. 使用一个本地服务器:将你的网页部署到一个本地服务器上,可以使用Apache、Nginx等。然后通过http协议访问你的网页,这样就不会触发CORS限制。
2. 修改浏览器的安全设置:某些浏览器(如Chrome)提供了一些开发者工具或插件来绕过CORS限制。你可以尝试搜索并安装这些工具,然后按照工具的文档说明进行配置。
3. 修改文件协议:在某些情况下,你可以通过修改文件协议来解决此问题。在你的网页中使用相对路径或者将文件放置在与网页相同的目录下,这样浏览器就能够正确加载文件,而不会触发CORS限制。
请注意,这些方法可能需要根据你的具体情况进行调整。此外,如果你的网页需要访问其他域的资源,你可能还需要在服务器端配置CORS头来允许跨域访问。
相关问题
Error fetching JSON file: TypeError: Failed to fetch at graph (c:\Users\86131\Desktop\interface\static\node_ceshi\read.js:6:5) at HTMLButtonElement.<anonymous> (file:///C:/Users/86131/Desktop/interface/static/node_ceshi/read.js:63:3) {stack: 'TypeError: Failed to fetch at graph (file…top/interface/static/node_ceshi/read.js:63:3)', message: 'Failed to fetch'}
根据你提供的错误信息,报错信息"TypeError: Failed to fetch" 表示在获取 JSON 文件时出现了错误。 这可能是由于以下原因之一:
1. 跨域请求问题:如果你的前端代码和后端服务器不在同一个域名或端口下,可能会遇到跨域请求问题。浏览器默认情况下会阻止跨域请求。你可以通过在服务器端设置CORS(跨域资源共享)来解决该问题。
2. 服务器未正确响应:请确保服务器端的API能够正常处理请求,并返回正确的JSON数据。你可以使用浏览器的开发者工具查看网络请求是否成功,以及服务器是否返回了正确的数据。
3. JSON文件路径错误:请确保你的前端代码中指定的JSON文件路径是正确的。检查文件路径是否与实际路径相匹配。
为了更好地解决问题,请提供更多的代码和错误信息,尤其是与网络请求相关的部分。这样我就可以更具体地帮助你找到问题所在。
按照你说的操作还是出现Access to XMLHttpRequest at 'file:///C:/Users/A000685/Desktop/0608/cd_catalog.xml' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome-untrusted, https, edge. cd_catalog.xml:1 Failed to load resource: net::ERR_FAILED
非常抱歉,我的回答还是有误。在现代的浏览器中,由于安全原因,禁止在本地文件系统中使用XMLHttpRequest或Fetch API来访问本地文件系统中的XML文件。
为了解决这个问题,你需要将XML文件托管在Web服务器上,并使用HTTP协议来访问它。你可以使用一些免费的Web服务器软件,例如Apache或Nginx,来托管XML文件。以下是使用Apache服务器托管XML文件的步骤:
1. 下载并安装Apache服务器软件。
2. 将XML文件放置在Apache服务器的文档根目录中。
3. 启动Apache服务器,并通过浏览器访问XML文件。例如,如果XML文件名为cd_catalog.xml,可以通过访问http://localhost/cd_catalog.xml来访问它。
4. 现在,你可以使用XMLHttpRequest或Fetch API来访问XML文件,而不会遇到CORS错误。
需要注意的是,如果XML文件包含敏感信息,你需要对Apache服务器进行适当的安全配置,以确保它不会被未授权的用户访问。
阅读全文