移动端项目开发流程

55 阅读1分钟

一. npm init vue@latest 创建项目

1.配置环境配置

1.1 创建开发者文件夹 .env.development.ts

配置 VIEW_API_APP_BASE="开发地址"

创建生产者文件夹 .env.development.ts

配置 VIEW_API_APP_BASE="生产地址"

2.res下 创建request 文件夹 封装axios实例 编写请求拦截和响应拦截

image.png

3.在src下创建router文件夹 在index.ts下编写 路由规则

image.png

4.在src文件夹下创建permission.ts文件 创建全局守卫

image.png

5.在src下 创建store文件夹 在index.ts里面将需要多次取出来用的参数 存入pinia

image.png

登录页面

image.png

vue项目搭建

blog.csdn.net/qq_39093474…