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')