# surl front

短链接生成系统， 基于`Vue3`的前端

## 技术栈介绍

- 前端框架：`Vue3`
- 前端构建工具：`Vite`
- 使用的脚本语言：`TypeScript`
- 状态管理：`pinia`
- 路由管理：`Vue-router`
- 组件框架：`Vuetify`

## 配置项

### 配置后端接口信息

配置`src/stores/siteconfig-store.js`中的两个变量

- `protocol` 协议，默认为`http`
- `host` 主机+端口号，默认为`localhost:18888`

## 部署

### 容器部署

1. 准备`docker`、`docker compose`环境
2. 按需修改 nginx.conf
运行 `docker compose up -d` 启动容器即可

### 本地部署

1. 安装依赖

    ```bash
    sudo apt install nodejs npm nginx
    npm install
    ```

2. 配置nginx

    - 按需修改`nginx.conf`，并复制到`/etc/nginx/sites-enabled/default`
    - 运行`sudo nginx -t`检查配置
    - 执行编译 `npm run build`
    - 将`dist`下的内容复制到`/usr/share/nginx/html`
    - 运行`sudo nginx -s reload`