Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/caolib/vue3-vite
图书借阅管理系统，Java框架课设前端开发
https://github.com/caolib/vue3-vite
axios element-plus javascript nodejs npm pinia typescript vitejs vue3
Last synced: 9 days ago
JSON representation
图书借阅管理系统，Java框架课设前端开发
- Host: GitHub
- URL: https://github.com/caolib/vue3-vite
- Owner: caolib
- License: mit
- Created: 2024-01-07T13:10:21.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2024-12-30T06:17:23.000Z (about 1 month ago)
- Last Synced: 2024-12-30T07:24:10.198Z (about 1 month ago)
- Topics: axios, element-plus, javascript, nodejs, npm, pinia, typescript, vitejs, vue3
- Language: Vue
- Homepage: https://vue3-vite-mauve.vercel.app
- Size: 213 KB
- Stars: 13
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://git.io/typing-svg)
> [!important]
>
> 简介：图书借阅管理系统前端，使用vue3框架
>
> **这是对应的 [后端项目地址](https://github.com/caolib/java_design)**
## 快速使用
### 1.进入项目根目录，使用npm命令下载项目所需的依赖模块
> [!caution]
>
> :boom:**注意：要先安装nodejs，最好以管理员身份执行命令！！！**:boom:
```cmd
npm install
```
### 2.修改配置文件
打开`vite.config.js`文件,可以自行修改前端地址，也可以修改向后端请求的地址，但是要相应地修改后端项目的启动路径
```js
//代理http请求，解决跨域问题
server: {
// 前端项目启动路径，localhost:5173
host: 'localhost',
port: 5173,
proxy: {
'/api': { //匹配请求路径中含有 /api 的请求
target: 'http://localhost:8080', //后端服务地址
changeOrigin: true,
rewrite: (path) => path.replace(/^\/api/, '') //去除路径中的/api，还原请求路径
}
}
},
```
### 3.执行命令，启动项目
```cmd
npm run dev
```
## 项目目录结构
- `components`：公共组件，包括顶部导航和侧栏
- `css`：全局样式
- `methods`：前端所有向后端发送的请求api
- `router`：界面路由
- `stores`：pinia存储
- `util`：工具方法
- `views`：页面
- `main.js`：入口文件，app的初始化
- `package.json`：项目的各种依赖，执行脚本等
- `vite.config.js`：项目配置文件
