我试图使此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相同的域下合并第二个应用程序,并使其具有处理该第二个应用程序上所有页面的句柄的功能,而不会出现如上所述的任何差异。感谢您的任何建议,深表感谢!