vue中关于路由的模式选择

路由的模式选择前提是在脚手架创建的项目中才有。

知识点：路由的模式有三种

hash模式：它就是路径上会显示#号的那种，它打开时可以做到直接加载首页,即使不写重定向，内容也能正常显示。

history模式：它就是我们正常看到的路径，不过有个小坑，如果不写重定向的位置，默认首页数据是不加载的，只有显示之后才会加载一次，不难理解，因为这丫是历史模式，一开始没历史就啥也没有，不过一个重定向搞定它。

abstract模式：抽象模式，基本不用。

第二种（推荐使用）：重定向解决小坑如图所示

 

 

之后再打开就可以展示首页，路径也是正常看到的样子。

重点：关于路由加斜杠和不加斜杠的区别，参考如下文章（注意仔细阅读）

https://blog.csdn.net/muzidigbig/article/details/83684208?utm_medium=distribute.pc_relevant.none-task-blog-2~default~baidujs_title~default-0.no_search_link&spm=1001.2101.3001.4242.1