从零开始使用 vite + vue3 + pinia + naiveui 搭建简单后台管理系统
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了从零开始使用 vite + vue3 + pinia + naiveui 搭建简单后台管理系统相关的知识，希望对你有一定的参考价值。
参考技术A 打开vite.config.js文件，引入组件然后在plugins内添加配置
这里naiveui使用的是按需自动引入，具体可参考官方文档： 按需引入（Tree Shaking） - Naive UI
笔者添加了一些打包的配置，不需要可以忽略。配置完成后的样子：
在src目录下新建plugins文件夹，然后新建pinia.js：
到src目录下新建store目录，然后新建user.js：
pinia和vuex的用法不一样，具体可以参考官方文档： Home | Pinia
在plugins下新建axios.js文件：
这里使用了环境变量配置，在src同级目录下新建.env.production文件：
项目打包后会自动使用production环境变量里的VITE_API_BASEURL
在plugins下新建router.js：
router中引入了一些默认页面，我们来创建一些简单的页面组件：
/src/views/error/notFound.vue
/src/views/error/noPermission.vue
以上是关于从零开始使用 vite + vue3 + pinia + naiveui 搭建简单后台管理系统的主要内容，如果未能解决你的问题，请参考以下文章