wcx/surl-front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
49 Commits 1 Branch 0 Tags 281 KiB
Vue 58.9%
TypeScript 37.8%
HTML 1.8%
CSS 1%
Dockerfile 0.5%
f3e8510d34
Go to file
05412 f3e8510d34 指定网络名称
2024-09-04 08:54:41 +08:00
.vscode 初始化 2024-07-28 23:29:47 +08:00
public 修复资源引入的问题 2024-08-13 16:59:12 +08:00
src 优化提交提示 2024-09-03 11:36:22 +08:00
.env 重命名容器 2024-08-21 08:55:45 +08:00
.gitignore 初始化 2024-07-28 23:29:47 +08:00
compose.yaml 指定网络名称 2024-09-04 08:54:41 +08:00
Dockerfile 添加curl，用于健康度监控 2024-08-17 15:33:41 +08:00
index.html 禁用缓存 2024-08-22 16:48:53 +08:00
manifest.json 更新manifest id 2024-08-16 16:09:52 +08:00
nginx.conf 健康检查接口默认类型 2024-08-22 09:13:23 +08:00
package-lock.json 配置代码压缩 2024-08-20 14:29:57 +08:00
package.json 配置代码压缩 2024-08-20 14:29:57 +08:00
README.md 修改文档中的部署步骤 2024-08-22 13:34:57 +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 配置代码压缩 2024-08-20 14:29:57 +08:00

README.md

surl front

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

技术栈介绍

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

配置项

配置后端接口信息

配置.env环境变量

  • VITE_PROTOCOL 协议，可选http、https
  • VITE_HOST 主机+端口号
  • VITE_LOCALE 语言，可选zhHans、en

部署

容器部署

  1. 准备docker、docker compose环境
  2. 按需修改 nginx.conf
  3. 修改.env配置文件
  4. 运行npm run build执行页面构建
  5. 运行 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