03 2022 档案
vue3使用花生壳代理出现 Invalid Host header 错误
摘要：找了一圈发现都是在vue.config.js中使用 devServer: { disableHostCheck: true } 但是项目运行的时候发现报错无法启动。 于是墙出去找到了答案。其实，在 webpack-dev-server@4中删除了该disableHostCheck选项allowedH
使用absolute绝对定位，实现垂直水平居中
摘要：###使用百分比来绝对定位一个元素，并配合使用translate，将元素移动定位居中。 <style> .mask{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5) } .content{
vue-router之路由模式
摘要：vue-router中默认使用的是hash模式。，在URL中带有#号。 ###vue-router中存在的路由模式大致分为2种： Hash: 使用URL的hash值来作为路由。支持所有浏览器。hash 虽然出现在 URL 中，但不会被包括在 HTTP 请求中，对后端完全没有影响，因此改变 hash
vue3中如何使用路由守卫
摘要：什么是路由守卫？为什么要使用路由守卫？ 在项目中，每一次路由的切换或者页面的刷新都需要我们判断用户是否已经登录 导航钩子提供的三个参数： to：即将要进入的目标路由对象； from：当前导航即将要离开的路由对象； next ：只有在调用该方法后，路由才会改变，才能进入下一个钩子函数（afterEac
vue3中如何使用vuex
摘要：###vue3中改如何使用vuex 首先，npm安装vuex。 npm install vuex@next --save 然后在文件夹路径下建立views/store/index.js。 mutations使用store.commit方法触发。action 通过 store.dispatch方法触发
