當前位置:成語大全網 - 書法字典 - 使用vite+vue3+pinia+naiveui從頭開始構建壹個簡單的後臺管理系統。

使用vite+vue3+pinia+naiveui從頭開始構建壹個簡單的後臺管理系統。

打開vite.config.js文件並導入組件。

然後在插件中添加配置。

這裏,naiveui使用按需自動導入。詳情請參考官方文檔:樹搖)-Naive UI。

作者添加了壹些打包的配置,這些配置不需要忽略。配置將會是什麽樣子:

在src目錄中創建壹個新的插件文件夾,然後創建壹個新的pinia.js:

轉到src目錄創建壹個新的存儲目錄,然後創建壹個新的user.js:

pinia和vuex的用法不同。詳情請參考官方文件:Home | Pinia。

在插件下創建壹個新的axios.js文件:

這裏使用的是環境變量配置,新的。env.production文件在src的同壹目錄下創建:

項目打包後,將自動使用生產環境變量中的VITE_API_BASEURL。

在插件下創建壹個新的router.js:

路由器介紹了壹些默認頁面。讓我們創建壹些簡單的頁面組件:

/src/views/error/notFound.vue

/src/views/error/no permission . vue