在使用vue3做项目的时候 index.html文件引入的css 在子路由页面刷新找不到文件
<link rel="stylesheet" href="./style/reset.css" >
一直找不到 后来找了好多地方
修改为
<link rel="stylesheet" href="/style/reset.css" >
吧绝对路径的 ./ 修改成为 /
原理：
./ 是指用户所在的当前目录（相对路径）；
/ 是指根目录（绝对路径，项目根目录），也就是项目根目录；
对于hash模式，根路径是固定的，就是项目的根目录，但是history模式下，以 / 开头的嵌套路径会被当作根路径，所以使用“./”引入文件，就会找不到文件了，因为文件本身就是在项目根目录下的，并不在嵌套路径这个目录下。
总结，无论hash模式还是history模式，可以直接使用“/”从项目根目录引入静态文件。
在使用vue3做项目的时候 index.html文件引入的css 在子路由页面刷新找不到文件 一直找不到 后来找了...
vue刷新页面空白分两种情况： 1.在history模式下的404空白 2.在history模式下存在多级路由时，...
目录： 1，Vue路由的实现原理 ❤ 2.SPA 路由history模式上线后刷新404 ❤ 3，$route和$...
路由地址中的#去掉后，项目刷新404问题 路由模式为：mode: 'history', //去掉url中的# 反向...
vue3.0 +vite部署完成上线刷新404 问题原因： 路由模式为history模式 刷新会404处理方案 使...
目录 1、Vue路由的实现原理 2、SPA 路由history模式上线后刷新404 3、$route和$route...
路由配置是history模式去掉history模式
SPA 路由history模式上线后刷新404 vue默认模式是hash模式 url地址栏会带有“#”这个字符。...
1，前端路由的核心： 1，改变URL，但是页面不进行整体刷新 2，实现方法：hash 模式与 history 模式...
vue 的路由模式 hash 模式（地址会有'#'，默认就这样） history 模式 静态文件方式 -dev 模...
本文标题：vue3 history模式下 子路由刷新引入文件找不到
本文链接：https://www.haomeiwen.com/subject/mzucdrtx.html
网友评论