浏览器无法加载本地文件

问题描述

在Visual Studio Code 编写HTML文件时需要将.csv文件内容在浏览器控制台窗口输出，浏览器控制一直报错，如下图所示

原因

跨域资源共享问题，本地文件是放在file://这样的系统下，而非网络资源比如http://下，造成了找不到对应的资源

办法一

在浏览器快捷方式“属性”一栏的“目标（T）”中加上 “–allow-file-access-from-files”，表示允许该浏览器访问本地文件。

办法二

下载Chrome插件Enable local file links

办法三

在Visual Studio Code中下载插件Live Server，实现本地开发搭建临时服务站点，把本地资源部署成web服务即可。