vue-router4.x h5模式嵌套路由刷新页面404

首先详细说一下我遇到的问题

因为项目地址是hash的看起来不美观，所以想要改为h5模式，一切看起来都正常，范围到子路由的地址后刷新一下页面白了，什么都没有了。。。

首先是router.ts

 

 这样配置之后访问和url地址看起来是没问题的

问题出现在访问嵌套路由后刷新页面，白了

vue-cli配置文件是这样的

 一开始看浏览器f12什么也没看出来，报错大致'token >'这类的东西，百度和api都没找到响应的解决方法，直接说怎么解决的吧

vue.config.js里面的

publicPath

一开始配置的'./'

后来配置为 '/' 或者 '/docs/'（docs为我部署到线上服务器的子目录）

 没问题了

 最后说一下项目的地址，有兴趣的可以去下载代码看看

https://github.com/quitelxd/vue3-ts.git  (源码地址)

https://quitelxd.github.io/vue3-ts/ （访问地址）