本地直接打开html正常,localhost访问成功但是缺失css,js,音频等信息

本地直接浏览器打开项目里的几个html正常。

但是通过localhost访问就出现问题。访问成功,但是网页信息缺失,相关文件在和html文件同路径下的子文件夹里

img

请问这是哪里出现的问题?该怎么解决?

静态资源路径不对。
打开F12,刷新页面,查看请求资源的地址。

很大可能css,js以及图片的引入你使用了绝对地址就是例如C:/xx/xxx/xx.jpg,你应该使用相对路径来引入,这样的话不管是本地还是开启端口号都可以进行访问,但是如果路径你用了磁盘绝对路径只有双击本地打开html才会加载静态资源,所以建议你将相应的css,js以及图片资源改成相对路径引入

同路径子文件夹引用时直接使用下面方式使用,使用相对路径进行引用在用端口访问时才能获取到资源

"name/2.png"

有帮助请点一下右上角的采纳,谢谢

img

本地资源文件加载使用的路径问题,可以先使用绝对路径配置看是否可以加载成功。
之后再使用相对路径配置,通过浏览器调试页面查看页面上加载的路径是否正确。