devops frontend

reghao 4d2ee1677f update README.md 2 meses atrás
public 36459118a7 add devops frontend 4 meses atrás
src 61f4297f90 添加一个每日巡检页面 DailyReport.vue 2 meses atrás
.browserslistrc 36459118a7 add devops frontend 4 meses atrás
.editorconfig 36459118a7 add devops frontend 4 meses atrás
.env.development 36459118a7 add devops frontend 4 meses atrás
.env.production 36459118a7 add devops frontend 4 meses atrás
.eslintrc.js 36459118a7 add devops frontend 4 meses atrás
.gitignore a4e568e342 add gitignore 4 meses atrás
Dockerfile e67062baa1 添加 docker 构建和运行相关脚本 2 meses atrás
README.md 4d2ee1677f update README.md 2 meses atrás
babel.config.js 36459118a7 add devops frontend 4 meses atrás
build.sh 36459118a7 add devops frontend 4 meses atrás
docker-compose.yml e67062baa1 添加 docker 构建和运行相关脚本 2 meses atrás
package.json 809f656db4 添加 echarts 处理监控时的图表 2 meses atrás
vue.config.js 4adaf253a5 使用 gemini 优化 vue.config.js 2 meses atrás

README.md

devopsapp

依赖

  • node:v16.19.0
  • npm:8.19.3

后端接口

.env.development 和 .env.production 环境文件中分别配置开发环境和生产环境的后端接口

构建

docker build -t ops-app:12345678

使用 .env.production 文件中的配置

构建后生成的结果在 dist 目录中

运行

docker compose up -d

本地启动

npm run serve

启动服务后打开浏览器,访问 http://localhost:4040

Nginx 配置

server {
   listen 4040;
   access_log off;
   
   root /opt/webroot;
   location / {
      try_files $uri $uri/ /index.html;
   }
}

root 指令的路径指向 dist 目录的绝对路径