Vue3.0+ant-design开发admin后台系统日志记录

1.引入less报错

 this.getOptions is not a function

原因less-loader安装版本太高，卸载重新安装7.0即可

// 卸载 npm uninstall --save less-loader // 安装 npm install -D less-loader@7.x

 

2.ant-design 引入iconfont无效问题

终于出现了，😭；

先贴一段官方文档

 

 失败原因： iconfont的Unicode栏出现的提示刷新最新代码后再复制

 

3.Vue3.0引入Mockjs axios.post('/api/newsList')报404错误

第一步：import Mock from '@/mock/mock

第二步：Vue.use(Mock)

 

4.Vue3.0 引入Vuex方式

第一步：定义store文件夹下index.js文件 import {createStore} from 'vuex'

第二步： main.js 引入 store, app.use(store)

第三步：页面内创建 import {useStore} from 'vuex' const store=useStore(); store.dispatch('LoginResult')

 

5.Vue3.0：路由守卫

备注：依旧是router.beforeEach(to,from,next) 

备注：next('/login')