在使用vue3做项目的时候 index.html文件引入的css 在子路由页面刷新找不到文件
<link rel="stylesheet" href="./style/reset.css" >
一直找不到 后来找了好多地方
修改为
<link rel="stylesheet" href="/style/reset.css" >
吧绝对路径的 ./ 修改成为 /
原理:
./ 是指用户所在的当前目录(相对路径);
/ 是指根目录(绝对路径,项目根目录),也就是项目根目录;
对于hash模式,根路径是固定的,就是项目的根目录,但是history模式下,以 / 开头的嵌套路径会被当作根路径,所以使用“./”引入文件,就会找不到文件了,因为文件本身就是在项目根目录下的,并不在嵌套路径这个目录下。
总结,无论hash模式还是history模式,可以直接使用“/”从项目根目录引入静态文件。
网友评论