老师，打包完成的index.html文件报错，而且在浏览器上也打不开，使用npm run serve是不报错的
来源：1-4 项目上线和课程总结
设计转前端zy
2022-08-10 23:42:22
<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/jingdong1/favicon.ico"><title>jingodng</title><script>var width = document.documentElement.clientWidth || document.body.clientWidth;
var ratio = width / 375
var fontSize = 100 * ratio
document.getElementsByTagName('html')[0].style['font-size'] = fontSize + 'px'</script><script defer="defer" src="/jingdong1/js/chunk-vendors.2380f64a.js"></script><script defer="defer" src="/jingdong1/js/app.5d1ad207.js"></script><link href="/jingdong1/css/app.449263e2.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but jingodng doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>写回答
1回答
-
好帮手慕慕子
2022-08-11
同学你好，因为一般打包后的项目是需要部署到服务器上，所以无法直接在浏览器中打开，目前，在本地测试的话，以源码为例，可以将打包后的dist文件夹下的所有内容放到jingdong文件夹下，示例：
然后结合vscode编辑器中的Live Server 插件，打开html文件
浏览器中就可以正常访问了，如下：
祝学习愉快~
0
相似问题