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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue3 history模式下 子路由刷新引入文件找不到相关的知识,希望对你有一定的参考价值。

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

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

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

原理:

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

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

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

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

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

以上是关于vue3 history模式下 子路由刷新引入文件找不到的主要内容,如果未能解决你的问题,请参考以下文章

vue路由在多级页面下,页面刷新空白(history模式)

VUE3刷新页面报错:Uncaught SyntaxError: Unexpected token ‘<‘

vite3+vue3 项目打包优化实战之-视图分析(rollup-plugin-visualizer)CDN引入依赖分包gzip压缩history404问题

Vue路由History模式打包后页面空白,刷新404

nginx 部署vue项目,路由模式为history时,页面刷新404问题

vue刷新页面空白分两种情况