不知道花了多久但我就要说很快速的docker部署前后端项目 · 淡水鱼的蔚蓝之海

首先感谢LLM4SE小组的所有成员的付出！

前端

扔到github仓库

主要是原先不在github上

前端该点东西you know what

诸如api_url之类的

Tips

其实可以用nginx反代把后端api隐藏

但这里懒得搞了，可以参考我软工3的CI/CD

frontend-nju2

邀请gpt4撰写一份前端的Dockerfile

本地跑了下18能跑

# 使用官方的 Node.js 18 镜像作为基础镜像
FROM node:18 AS build

# 设置工作目录
WORKDIR /usr/src/app

# 复制 package.json 和 package-lock.json 到工作目录
COPY package*.json ./

# 安装项目依赖
RUN npm install

# 复制项目文件到工作目录
COPY . .

# 构建项目
RUN npm run build

# 使用 nginx 镜像作为基础镜像
FROM nginx:stable-alpine

# 安装 vim
RUN apk add vim

# 将构建产物复制到 nginx 的网页目录
COPY --from=build /usr/src/app/dist /usr/share/nginx/html

# 对外暴露 80 端口
EXPOSE 80

# 启动 nginx
CMD ["nginx", "-g", "daemon off;"]

（可选）自定义nginx.conf

可以把自己的nginx.conf复制到容器内运行

打包运行

docker build -t llm4se_frontend:1.0 .
docker run -p 7001:80 -d llm4se_frontend:1.0

打包打了117.3秒

（必选）域名配置

改下服务器上的nginx配置就行（注意不是容器内部的那个）

ip+端口先测下成功没**（似乎比我本地npm run dev之后第一次访问快多了**

配域名A记录