vue3 history模式下 子路由刷新引入文件找不到

在使用vue3做项目的时候 index.html文件引入的css 在子路由页面刷新找不到文件

<link rel="stylesheet" href="./style/reset.css"  >

一直找不到 后来找了好多地方
修改为

<link rel="stylesheet" href="/style/reset.css"  >

吧绝对路径的 ./ 修改成为 /

原理:

./ 是指用户所在的当前目录(相对路径);

/ 是指根目录(绝对路径,项目根目录),也就是项目根目录;

对于hash模式,根路径是固定的,就是项目的根目录,但是history模式下,以 / 开头的嵌套路径会被当作根路径,所以使用“./”引入文件,就会找不到文件了,因为文件本身就是在项目根目录下的,并不在嵌套路径这个目录下。

总结,无论hash模式还是history模式,可以直接使用“/”从项目根目录引入静态文件。

https://www.cnblogs.com/bosslandy/p/8820939.html

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容