跳转到主内容
极星编程网:以代码为星,赴技术山海!

VSCode如何快速查看HTML网页效果_VSCode实时预览页面更新【技巧】

Live Server是唯一支持HTTP协议、避免file://跨域和模块加载错误的方案,因其启用本地服务器而非文件路径,确保fetch、import及相对路径正常工作。
Live Server
是唯一能真正跑起来、改保存就刷新、且不报
fetch
或
import
错误的方案。其他方式——包括右键“在浏览器中打开”、拖文件进 Chrome、甚至 VS Code 内置的
Live Preview
插件——全都不走 HTTP 协议,本质还是
file://
,一碰模块加载或跨域请求就跪。 为什么“Open in Default Browser”总报错 它只是把
file:///path/to/index.html
丢给浏览器,现代浏览器对
file://
协议做了三重封杀:
fetch('./data.json')
→ 控制台直接报
Not allowed to load local resource