js访问本地文件跨域，html文件访问跨域报错

一、什么是跨域？

在前端领域中，跨域是指浏览器允许向服务器发送跨域请求，从而克服Ajax只能同源使用的限制。

1.什么是同源策略

同源策略是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个ip地址，也非同源。

同源策略限制以下几种行为：

Cookie、LocalStorage 和 IndexDB 无法读取
DOM和JS对象无法获得
AJAX 请求不能发送

二、解决方案

html文件访问本地静态页面报错，存在跨域，是file协议。
需要打开本地web服务。

1.webstorm自动开启Web服务

2.vscode需要安装插件live service

2.用edge浏览器打开

总结