surl-front/README.md
2024-08-22 13:34:57 +08:00

1.0 KiB

surl front

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

技术栈介绍

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

配置项

配置后端接口信息

配置.env环境变量

  • VITE_PROTOCOL 协议,可选httphttps
  • VITE_HOST 主机+端口号
  • VITE_LOCALE 语言,可选zhHansen

部署

容器部署

  1. 准备dockerdocker 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