.vscode | ||
public | ||
src | ||
.env | ||
.gitignore | ||
compose.yaml | ||
Dockerfile | ||
index.html | ||
manifest.json | ||
nginx.conf | ||
package-lock.json | ||
package.json | ||
README.md | ||
tsconfig.app.json | ||
tsconfig.json | ||
tsconfig.node.json | ||
vite.config.ts |
surl front
短链接生成系统, 基于Vue3
的前端
技术栈介绍
- 前端框架:
Vue3
- 前端构建工具:
Vite
- 使用的脚本语言:
TypeScript
- 状态管理:
pinia
- 路由管理:
Vue-router
- 组件框架:
Vuetify
配置项
配置后端接口信息
配置.env
环境变量
VITE_PROTOCOL
协议,可选http
、https
VITE_HOST
主机+端口号VITE_LOCALE
语言,可选zh
、en
部署
容器部署
- 准备
docker
、docker compose
环境 - 按需修改 nginx.conf
运行
docker compose up -d
启动容器即可
本地部署
-
安装依赖
sudo apt install nodejs npm nginx npm install
-
配置nginx
- 按需修改
nginx.conf
,并复制到/etc/nginx/sites-enabled/default
- 运行
sudo nginx -t
检查配置 - 执行编译
npm run build
- 将
dist
下的内容复制到/usr/share/nginx/html
- 运行
sudo nginx -s reload
- 按需修改