Coder_FHH的博客

必备知识：Event() 构造函数, 创建一个新的事件对象 Event。第一个参数为所创建事件的名称。LocalStorage：默认情况下，当前页面修改localStorage，本页面是无法监听的，只有同源的其他页面才可以监听到本页面localStorage的改变。所以默认监听localstorage变化的三个条件：至少打开了两个同源页面其中一个页面修改了localStorage另外的同源页面做了localStorage的监听监听方法：// 回调的e对象中含有localStorage改

一.Vuex篇当需要使用Vuex中的状态state或方法mutations/actions时，简单的用法是这样的：dom里：$store.state.hasLogined，scirpt里：this.$store.state.hasLogined当项目Vuex仓库比较庞大时，推荐使用如下写法：1.state/getterscomputed: { ...mapState(['state1','state2'])}如果属性位于仓库的子模块里：computed: { ...mapS

看到两种反向代理解决跨域的原理，觉得都很有道理，记录一下。(前提是服务器端不支持跨域访问，不然也不需要前端做跨域处理了)一. 虚拟服务器这点vue自带的反向代理就是采用这个原理。当进行跨域访问时，vue会生成一个虚拟服务器，请求将发送到虚拟服务器，虚拟服务器代替你去访问目标服务器，由于服务器端不存在跨域访问的问题，所以虚拟服务器将请求到的数据再返回给你。二.中间层跨域策略是浏览器的安全策略，服务器端并不存在跨域访问这一说。当进行跨域访问时，浏览器如果直接发送给目标服务器，这时浏览器的请求源和目标服

正常情况下，页面路径相同但参数不同的跳转是无法实现热更新的，这是因为Vue自身设计时候的机制，会自动复用相同的组件。以下有两种思路可实现页面热更新：一、通过key属性在当前页面组件对应的router-view上加上key属性，key设为$route.fullPath保持唯一性，这样当你页面参数变化时，由于你设了key值，页面组件无法复用，便会重新渲染页面。二、通过watch方法watch可用来监听页面数据的变化，因此可在watch中监听当前页面路由的变化，当参数发生变化时，调用你自己写好的页面re

1.登录验证(token)请求需要登录态标识的接口时,会先判断本地是否存储的有token。①如果是客户端首次登陆, 会将用户密码发送给服务器端, 服务器判断用户密码是否正确, 如果验证正确的话返回一个token给客户端。客户端拿到返回的token在localstorage或者sessionstorage中存储，也可以顺便存储在vuex中。②之后如果客户端访问需要登陆态标识的接口时,会拿到客户端存储的token,放在请求头header中发送请求。服务器端拿到token值判断是否过期或者错误,返回对应的状

链接https://blog.csdn.net/weixin_45626040/article/details/106330480

一.导航守卫1.如果不清楚导航守卫概念的，附上官网链接官网传送门const router = new VueRouter({ ... })router.beforeEach((to, from, next) => { if(from.name == 'home') { // from.meta.savedY = window.pageYOffset from.meta.savedY = document.documentElement.scrollTop