应使用python内置http.server模块启动本地http服务器：进入index.html所在目录，执行python -m http.server 8000，然后访问http://localhost:8000即可正常加载页面及js/css等资源，避免file://协议引发的跨域限制。
直接双击打开的 HTML 文件不能算“部署”
浏览器用 file:// 协议打开本地 HTML 文件时，所有 JS、CSS、图片路径都受限于同源策略，AJAX 请求、fetch、import、localStorage 跨域行为可能异常甚至被完全阻止。这不是“运行不了”，而是根本没走 HTTP 协议——而服务器部署的本质，就是让浏览器通过 http://localhost:8080 这类地址访问你的文件。
用 Python 快速起一个本地 HTTP 服务（推荐新手）
不需要装 Apache 或 Node.js，系统自带 Python 就够用。注意区分版本：
- Python 3.7+：终端进入 HTML 所在目录，运行
python -m http.server 8000 - Python 2.7：改用
python -m SimpleHTTPServer 8000
启动后访问 http://localhost:8000，就能看到目录列表；点击 index.html 即可加载，此时所有相对路径、AJAX 请求、模块导入都正常工作。关键点：必须把 HTML 文件放在当前命令行所在目录或子目录下，不能跨盘符或用绝对路径引用。
用 VS Code Live Server 插件免配置启动
适合写完就测、频繁刷新的场景。安装插件后，右键 HTML 文件 → “Open with Live Server”，它会自动：
- 启动一个轻量 HTTP 服务（默认端口
5500） - 监听文件变化，保存即刷新浏览器
- 正确处理
./css/style.css、../data.json等相对路径 - 支持 HTTPS 切换和自定义端口（通过
settings.json配置liveServer.settings.port）
但注意：它不模拟真实服务器的 MIME 类型细节，比如某些 .webp 或自定义后缀资源可能返回 text/plain，导致加载失败——这种边界情况得换正式服务器验证。
Apache / Nginx 本地部署要注意根目录和权限
如果后续要模拟生产环境，别直接把文件丢进 /var/www/html 就完事：
- Ubuntu 上用 Apache：确保文件属主是
www-data，否则可能 403 Forbidden；执行sudo chown -R www-data:www-data /var/www/html - Nginx 默认根目录是
/usr/share/nginx/html，改配置需编辑/etc/nginx/sites-available/default中的root指令 - Windows 下 XAMPP 的根目录是
XAMPP/htdocs，不要嵌套多层文件夹再放index.html，否则访问路径变成http://localhost/myproject/index.html，不是你想要的“网站根路径”
最常被忽略的一点：修改配置后必须执行 sudo systemctl restart apache2（或 sudo nginx -s reload），否则改动不生效。只改了文件却忘了重启服务，是本地部署失败里排前三的原因。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
