使用nodejs和nginx服务多个React应用

时间:2019-12-05 05:19:24

标签: reactjs express nginx loopbackjs

我有一个回送应用程序,该应用程序提供API,并提供静态文件。还有2个使用相同环回应用程序的React应用程序。

我使用serve-static和vhost提供静态文件(来自React Build文件夹)。

h3{
  text-align:center;
}

我还用非常基本的设置设置了Nginx服务器。

  var serveSubdomainAbc = serveStatic('abc/build', {
    index: ['index.html']
  });
  var serveSubdomainXyz = serveStatic('./../../xyz-abc/build', {
    index: ['index.html']
  });

  app.use(vhost('abc.example.com', serveSubdomainAbc));
  app.use(vhost('xyz-abc.example.com', serveSubdomainXyz));

当我直接访问应用程序的根目录时,一切正常,例如

  • abc.example.com
  • xyz-abc.example.com
提供

index.html,然后react应用启动正常。当我使用类似路由器的链接时, xyz-abc.example.com/ssoRedirect ,则它找不到ssoRedirect,并且回退到abc.example.com的index.html并提供该文件,因此ssoRedirect不起作用。当找不到所需的静态文件时,如何使其回退到正确的index.html。

0 个答案:

没有答案