一步刷出个后台。Vue3+Ts+element-admin-Vite+Pinia

首先下载我这个资源。没有分的留邮箱免费发。

vite-vue-ts精简模版集成pinia+svg+router+@src-Typescript文档类资源-CSDN下载本源码已经调试通过集成Vite-vue-ts集成pinia+svg+router+@srca更多下载资源、学习资料请访问CSDN下载频道.https://download.csdn.net/download/ldy889/85018930解压后,npm i 如下图。

一步刷出个后台。Vue3+Ts+element-admin-Vite+Pinia_第1张图片

 npm run dev 后能看见这些图标,说明我们可以开始继续了。

一步刷出个后台。Vue3+Ts+element-admin-Vite+Pinia_第2张图片

 先看下我们即将要完成的功能图。一步刷出个后台。Vue3+Ts+element-admin-Vite+Pinia_第3张图片

 注意事项: 将views 和 api 两个模块一一对应,从而方便维护,

components 放置的都是全局公用的一些组件,如上传组件,富文本等等。一些页面级的组件建议还是放在各自views文件下

设置baseURL : 创建 .env.local文件

.env.local
VITE_BASEURL=/mock/api

.env.production
VITE_BASEURL=/api

修改service/http.ts 

axios.defaults.baseURL = import.meta.env.VITE_BASEURL as string;

一步刷出个后台。Vue3+Ts+element-admin-Vite+Pinia_第4张图片

 检查下是否可以正常的取到环境变量里的值。

首先我们不管什么权限,来实现最基础的登录功能。先发下login.vue(TS)








 这个有点小问题,希望有人能回复下。就是   el-tooltip的  manual似乎失效了。。

 

 一步刷出个后台。Vue3+Ts+element-admin-Vite+Pinia_第5张图片

你可能感兴趣的:(Vue,vue.js)