first commit

历届学生/韩一伟/每天课程/2021-08-13/笔记.txt

@@ -0,0 +1,76 @@
+单页web应用(spa)
+
+只有一个HTML页面，程序中所有页面都是js
+路由 vue-router
+
+
+路由有两种模式
+
+https://www.jianshu.com/p/ae8f9c41a77c
+
+hash 
+www.baidu.com/#/index
+www.baidu.com/#/about
+
+
+location.hash
+
+history
+www.baidu.com/index
+www.baidu.com/about
+
+
+pushState  添加一条浏览器的历史记录
+replaceState 替换浏览器历史记录
+
+
+页面跳转  
+1: router-link
+2: this.$router.push
+
+
+$router表示方法
+$route是获取路由参数
+
+
+参数传递：
+1：query
+www.baidu.com/#/info?id=1&page=122
+
+2：params
+www.baidu.com/#/info/1/122
+
+
+导航守卫
+1：全局前置守卫
+2：路由独享的守卫
+3：组件内的守卫
+
+
+登录拦截
+
+1：在登录页面，点击登录按钮，调用登录接口，将用户名密码给后端
+   {
+       code: 200,
+       msg: '',
+       result: {
+           token: 'sdfgfdwqerggfwbt'
+       }
+   }
+
+   token：是一串用户信息的加密字符串
+          WQDWEFEFWEFREFREFG.WFREGRTY5665YHRTGDR.WFREGRTY5665YHRTGDR
+
+  后端在接口中会返回token，前端需要缓存到本地中。
+
+2: 前端在全局路由守卫中判断，需要将要访问的页面是否需要登录，如果需要登录，是否已经登录  
+
+接口是无状态的
+
+json web token  jwt
+
+
+vue-cli
+2.x
+
+3.x 4.x