如何在nginx中的相同域下提供2个vue应用程序?

时间:2019-05-19 20:03:15

标签: nginx vue.js vuex nginx-location nginx-config

我试图使此nginx配置正常工作,并且可以正常工作。但不是我打算的工作方式。

目前,我正在通过生产版本中的静态文件提供logima.io。我想通过logima.io/shop/在同一域下集成一个vue网上商店(第二个pwa将具有相应的URL:“ logima.io/shop/product-2334”)。但是它仅显示index.html中的卷曲,而不呈现它,请看一下我的nginx配置,并随时为我提供有关更改内容的建议。

1。。我尝试了第二个应用程序:

    location /shop {
            alias /logima/logima/pwa/logima.io/shop/vue-storefront/dist;
            index index.html index.htm;
            try_files $uri $uri/ =404;
    }

2。。我还尝试了斜杠“ /shop/”(我刚进入了我的第一个应用404页面),尝试删除了斜杠,最终导致卷发第二个应用中的index.html,例如:

    {{{ meta.inject().title.text() }}} 
    {{{ meta.inject().meta.text() }}}
    {{{ meta.inject().link.text() }}}         
    {{{ meta.inject().script.text() }}}
    {{{ renderResourceHints() }}}
    {{{ renderStyles() }}}
    {{{ output.appendHead() }}}
    {{{ renderState() }}}
    {{{ renderScripts() }}}

3。。我尝试用root更改别名(禁止访问它)

4。。我也尝试过通过端口proxy_pass http://localhost:3020/;来提供服务,但是由于抽屉和图像均无法正常工作或消失,因此似乎没有合并静态文件。

   server {


   server_name logima.io;
   root /path/to/first/application/dist;
   index index.html index.htm;
   try_files $uri $uri/ =404;

   location /shop {
      alias /path/to/second/application/dist;
      index index.html index.htm;
      try_files $uri $uri/ =404;
    }

   location / {
     try_files $uri $uri/ /index.html;

   }

预期结果将是在与logima.io相同的域下合并第二个应用程序,并使其具有处理该第二个应用程序上所有页面的句柄的功能,而不会出现如上所述的任何差异。感谢您的任何建议,深表感谢!

0 个答案:

没有答案