目录
问题摘要
解决办法
检验结果
问题摘要
- Failed to load resource: net::ERR_FILE_NOT_FOUND
- 🌈 Cute Code Editor 🌈.html:162 Fetch API cannot load file:///D:/%E6%A1%8C%E9%9D%A2/%E4%B8%83%E5%A4%95%E5%BF%AB%E4%B9%90/index.txt. URL scheme "file" is not supported.
- 🌈 Cute Code Editor 🌈.html:168 Error loading text content: TypeError: Failed to fetch
at window.onload (🌈 Cute Code Editor 🌈.html:162)
解决办法
这个错误是因为浏览器的安全策略不允许通过 file://
协议直接加载外部文件,包括 index.txt
。你需要在一个 web 服务器上运行你的代码,以便能够通过 HTTP 协议加载文件。
你可以使用简单的方法来启动一个本地的 web 服务器,例如使用 Python 的内置模块来启动一个简单的服务器。下面是如何在终端中使用 Python 来启动一个 web 服务器:
- 打开终端。
- 转到包含你的 "🌈 Cute Code Editor 🌈" 文件的目录。可以使用
cd
命令来切换到目录,例如:
cd /path/to/your/cute-code-editor-directory
在该目录下运行以下命令来启动一个简单的 web 服务器:
python -m SimpleHTTPServer 8000
或者,如果你使用的是 Python 3.x,可以运行:
python -m http.server 8000
现在,你可以在浏览器中访问 http://localhost:8000/🌈%20Cute%20Code%20Editor%20🌈.html
,然后你应该能够看到你的 "🌈 Cute Code Editor 🌈" 页面,并且 "index.txt" 文件的内容应该会逐字加载到 HTML 区域中。
检验结果
成功了这里我已经可以正常导入文件中的数据了。
我这里运行的时候不卡,直接就可以打开,很顺利,但如果你的网页打开卡的话可以换以下的方法:
考虑远程服务器,可以直接把文件上传的GitHub上,然后就可以顺利打开了(略*从根本上解决问题)
本章的内容就到这里了,觉得对你有帮助的话就支持一下博主把~
这是我的GitHub网址,感兴趣的话可以给我个star✨嘛
🌌点击下方个人名片,交流会更方便哦~
↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓