方式一:通过两个容器部署
-
前端部署:
- 修改前端访问端口 ip 为服务器 ip,打包前端:npm run build:prod

- 创建文件夹,放置前端部署需要的文件,并将打包的前端 dist 文件放到此文件

- 编写 default.conf 配置文件,配置 nginx:
server{ listen 80; server_name 62.234.35.76; #修改为自己服务器 ip location / { root /usr/share/nginx/html; index index.html; } location /prod-api/ { proxy_pass http://62.234.35.76:8383/; } } - 编写 Dockerfile 文件:
#基于父类镜像 nginx FROM nginx #作者 MAINTAINER lijiaxu #将前端的内容复制到 nginx 目录下 COPY dist /usr/share/nginx/html/ #用本地的 nginx 配置文件覆盖镜像的 nginx 配置 COPY default.conf /etc/nginx/conf.d #开放端口 EXPOSE 80 - 将 dockerfile 文件打包成镜像文件:
docker build -f Dockerfile -t community-front:1 . #注意 . 不要忘掉 - 运行该镜像:
docker run -p 83:80 community-front:1
- 修改前端访问端口 ip 为服务器 ip,打包前端:npm run build:prod
-
后端部署:
- 修改后端端口 ip,打包项目:
- 修改后端端口 ip,打包项目:

最低0.47元/天 解锁文章
2万+

被折叠的 条评论
为什么被折叠?



