本文共 1776 字，大约阅读时间需要 5 分钟。

Vue与普通Web项目部署对比

Vue项目与普通Web项目在部署方式上有一些不同之处。普通Web项目通常通过在不同Tomcat下部署，然后通过Nginx进行负载均衡。而Vue项目则需要在Nginx中配置负载均衡，将多个Nginx服务用于负载均衡。

搭建步骤说明

curl -fsSL https://get.docker.com | bash -s docker

docker pull nginx

mkdir -p /home/docker-nginx/{html,conf,conf.d,logs}

echo "server {      listen 80;      server_name your_domain.com;      location / {          root /usr/share/nginx/html;          index index.html;      }      access_log off;  }" > /home/docker-nginx/conf.d/default.conf

docker run -d --name mynginx -p 39002:80 \      -v /home/docker-nginx/html:/usr/share/nginx/html \      -v /home/docker-nginx/conf/nginx.conf:/etc/nginx/nginx.conf \      -v /home/docker-nginx/conf.d:/etc/nginx/conf.d \      -v /home/docker-nginx/logs:/var/log/nginx nginx

多Nginx负载均衡配置示例

如果需要多个Nginx服务共享负载，可以在宿主机上运行多个容器，每个容器监听不同的端口。例如：

• 容器1：

  docker run -d --name mynginx1 -p 39001:80 \      -v /home/docker-nginx/html:/usr/share/nginx/html \      -v /home/docker-nginx/conf/nginx.conf:/etc/nginx/nginx.conf \      -v /home/docker-nginx/conf.d:/etc/nginx/conf.d \      -v /home/docker-nginx/logs:/var/log/nginx nginx

• 容器2：

  docker run -d --name mynginx2 -p 39003:80 \      -v /home/docker-nginx/html:/usr/share/nginx/html \      -v /home/docker-nginx/conf/nginx.conf:/etc/nginx/nginx.conf \      -v /home/docker-nginx/conf.d:/etc/nginx/conf.d \      -v /home/docker-nginx/logs:/var/log/nginx nginx

测试访问

• 访问主Nginx服务（39002端口）：
  http://localhost:39002
• 访问备用Nginx服务（39001或39003端口）：
  http://localhost:39001 或 http://localhost:39003

注意事项

• 确保挂载目录权限正确，避免权限错误。
• 如果需要自定义域名，可以在Nginx配置中添加server_name指令。
• 前端项目部署时，只需将dist文件夹复制到挂载目录即可，无需手动配置。

转载地址：http://oxfk.baihongyu.com/