nginx如何配置同一域名同一端口下部署多个vue项目?

开发完后多个vue项目上线后，不知道怎么配置，nginx如何配置同一域名同一端口下部署多个vue项目

• 关于该问题，我找了一篇非常好的博客，你可以看看是否有帮助，链接：nginx同一域名同一端口部署多个vue项目之前端操作
• 除此之外, 这篇博客: Nginx配置同域名下多个Vue项目中的 二、同端口同域名不同目录方式访问不同项目 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• 因为公众号的授权回调是验证域名的，端口号不起作用，所以现在一个校园商城有三个vue项目，分别是:公众号前台、后台管理系统网页端、配送员配送系统。

  首先对于一个域名默认路径访问的是公众号前台项目，通过二级目录定位到配送系统，我们如下配置，:

  	server {
  
          #访问端口(页面访问端口)
          listen 80;
          server_name senfancollege.com;
  		#root /usr/local/www/;
          error_page 500 502 503 504 /50x.html;
              location = /50x.html {
              root html;
          }
      ##项目一，同过域名直接访问
  		location / {
              #前端工程根目录
              alias /x/x/x/x/dist/;
              index index.html;
          }
      ##项目二，同过域名.com/YYY访问
          location /YYY {
              # 前端工程根目录
              alias  /x/x/x/x/dist/;
  			try_files $uri $uri/ @router;
  			index index.html;
          }
  		# 没有跨域需求可以不配
          #代理路径 地址是以spi开头的 ‘/api开头的都走这个代理’
          # 将前端访问的后台端口变更为‘前台id:前台端口/api/xxx/xxx’
          location /api {
  
              #正则表达式匹配路径
  
              rewrite  ^/api/(.*)$ /$1 break;
  
              include  uwsgi_params;
  
              #后端端口(后端最终访问的端口)
  
              proxy_pass   http://x.x.x.x:8081 ;
  
          }
          location @router {
          rewrite ^.*$ /index.html last;
          }
      }
  

  这里我没有分配置文件，感兴趣的同学可以试试

  附上nignx重新加载配置文件命令

  service nginx reload
  

nginx下面配置文件里面,添加

server {
        listen       80; 项目端口
        server_name  localhost; 地址
 
        #charset koi8-r;
 
        #access_log  logs/host.access.log  main;
 
        location ~/ {
            root   html;
            index  index.html index.htm;
        }
}

一个项目添加一个,多个添加多个