Go to file
2024-08-17 15:33:41 +08:00
.vscode 初始化 2024-07-28 23:29:47 +08:00
public 修复资源引入的问题 2024-08-13 16:59:12 +08:00
src 修改配置 2024-08-16 11:53:48 +08:00
.gitignore 初始化 2024-07-28 23:29:47 +08:00
compose.yaml 修改配置 2024-08-16 11:53:48 +08:00
Dockerfile 添加curl,用于健康度监控 2024-08-17 15:33:41 +08:00
index.html 修改配置 2024-08-16 11:53:48 +08:00
manifest.json 更新manifest id 2024-08-16 16:09:52 +08:00
nginx.conf 修改配置 2024-08-16 11:53:48 +08:00
package-lock.json 更新ts版本 2024-08-08 17:06:26 +08:00
package.json 更新ts版本 2024-08-08 17:06:26 +08:00
README.md 添加介绍 2024-08-15 14:02:32 +08:00
tsconfig.app.json 添加仪表盘 2024-08-07 18:18:57 +08:00
tsconfig.json 初始化 2024-07-28 23:29:47 +08:00
tsconfig.node.json 初始化 2024-07-28 23:29:47 +08:00
vite.config.ts 添加vuetify支持 2024-07-29 16:25:23 +08:00

surl front

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

技术栈介绍

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

配置项

配置后端接口信息

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

  • protocol 协议,默认为http
  • host 主机+端口号,默认为localhost:18888

部署

容器部署

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

本地部署

  1. 安装依赖

    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