本文适用于对 Vue.js 和 vue-router 有一定程度了解的开发者除特殊说明，vue-router 版本为 3.0.2

vue-cli 脚手架搭建 {代码…} config/index.js 端口 {代码…} 打开浏览器 {代码…} 代理 {代码…} build/webpack.base.conf.js 路径配置 {代码…} scss预编译 {代码…} 修改文件：xxx.vue {代码…} build/…

寄徐丞 [宋] 赵师秀 病不窥园经一月，更无人迹损青苔。 池禽引子衡鱼去，野蔓开花上竹来。 亦欲鬓毛休似雪，争如丹汞只为灰。 秋风昨夜吹寒雨，有梦南游到海回。

vue-router 默认是 hash 模式 ， 即使用 URL 的 hash 来模拟一个完整的 URL ，于是当 URL 改变时，页面不会重新加载。

我们使用 vue-router 的时候，第一部就是要 安装插件 Vue.use(VueRouter);

Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。

项目目录|—–build|—–config|—–node_modules|—–src|—–static|—–test以上是基本文件夹目录结构

1、路由懒加载配置 1.1index路由 1.2home组件的路由 1.3 添加路由导航守卫 1.4项目打包1.4.1提示不能直接访问index.html文件，需要放在服务器中才可以访问。根据搜索解决办法，在 config > index.js 文件 {代…

解决了什么问题？ spa项目新上线后，登陆有效期内用户，可以马上使用新上线资源。 原理： 路由切换时，判断如果是新上线，程序刷新下浏览器。 实现步骤： 打包时产生一个json文件：static/json/build_str.json lo…

但上面很多时候，因页面需求原因，不能使用这种实现方式，在网上找了很多方法，但是都不是很好用，现在自己实现了一个还算不错的。