用nginx在同一服务器端口下部署多个项目，第二个项目打开后页面

（在说正事之前，我要推荐一个福利：你还在原价购买阿里云、腾讯云、华为云服务器吗？那太亏啦！来这里，新购、升级、续费都打折，能够为您省60%的钱呢！2核4G企业级云服务器低至69元/年，点击进去看看吧>>>)

1.问题概括：

按照这篇文章的做法，用nginx在在服务器同一端口下部署多个项目，结果发现，第一个项目正常运行，第二个项目打开后页面空白。

2.服务器上项目文件夹的结构：

/home 路径下有两个如下的项目文件夹：

MiniProgram-Admin
    |--client
        |--static
        |--index.html
    |--server
Vue-mall

其中，MiniProgram-Admin是第二个项目，client是前端项目文件夹（static文件夹下是引用的css和js），server是后端项目文件夹

3.项目文件配置：

项目的路由配置：

const createRouter \= () \=> new Router({

 mode: 'history', //?require?service?support

 base: process.env.NODE\_ENV \=== 'production' ? '/MiniProgram-Admin/client/index/' : '/index/',

 scrollBehavior: () \=> ({ y: 0 }),

 routes: constantRoutes

})

项目的 vue.config.js 文件配置

 publicPath: process.env.NODE\_ENV \=== 'production' ? '/MiniProgram-Admin/client/' : '/',

4.nginx 文件的配置：

upstream koa.server {
  server localhost:3000;
}

server {
  listen 80;
  location / {
    root  /home/vue-mall/;
    index index.html index.htm;
    try_files $uri $uri/ @router;
  }
  location /admin {
    alias /home/MiniProgram-Admin/client;
    index index.html index.htm;
    try_files $uri $uri/ /MiniProgram-Admin/client/index.html;
  }
  location @router {
    rewrite ^.*$ /index.html last;
  }
}