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

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

作者: Pluto_7a23 | 来源:发表于2022-03-11 11:01 被阅读0次

    在使用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

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/mzucdrtx.html