浏览器报错
from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.
文件使用了file协议 , 导致跨域报错 , 可能原因有鼠标双击打开文件 , 使用open in browser打开文件 , 该协议会导致跨域问题 , 而使用http与https则没有问题 .
browser可以直接在html文件处右键打开就可以读取 , 而live server必须将整个文件打开才能读取该html文件 , 由于两个插件使用情况不一样 , 所以导致路径而产生跨域报错 , 如图
解决方法 , 安装插件
此时在打开文件 , 路径就会变成 http://127.0.0.1:5500/ 文件底部也会显示
浏览器中地址栏会显示
http协议显示时默认隐藏 , 复制再黏贴可以看到完整地址 , 变成http协议已经解决跨域问题 .
