本文档描述了在使用npm run build打包后，将生成的dist文件上传到服务器并遇到页面加载黑白及JavaScript提示的问题。问题根源在于index.html中link和script标签的src引用为绝对路径。当项目部署路径不在服务器根目录时，会导致资源无法正确加载。解决方案是在manifest文件中设置'h5.router.base':'./'，使引用变为相对路径，确保本地测试有效。此方法适用于前端开发中遇到的静态资源路径问题。
1.使用npm run build 打包生成dist文件之后将下面的index.html 和static文件上传到服务器指定目录
2.在页面中访问当前静态资源结果页面黑白，控制台preview中展示please enable javascript to continue
3.之后去生成的index.html文件中查看，之后发现，link和script标签的src地址是绝对路径，如果当前项目部署在服务器的根路径(即'/')下面的话，页面和接口是可以正常访问的，如果当前项目在服务器的位置不在根路径的话，就会出现标题上的错误，
4.解决方案，在manifest文件或者hbuilder的可视化页面修改，
-- manifest中增加"h5":{"router":{"base":"./"}},这个修改百度就可以搜索到，这样修改之后生成的index.html中link和script中的src地址就会变成相对路径。本地测试生效
5.有帮助的话点个赞
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
