vue cli3.0 mode: ‘history‘ 2级路由不展示问题

界面刷新就是空白的了。 

vue cli3.0 mode: ‘history‘ 2级路由不展示问题

 

 

 

可能是个人习惯 我再配置vue.config.js的时候

vue cli3.0 mode: ‘history‘ 2级路由不展示问题

会再publicpath中用 './' 这样就错了啊。 

 

换成’/‘ 就好了 

 

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

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

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

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