Web 應用程序 - 如果 manifest.json 位於子路徑中，則不應用

Question

我正在嘗試創建一個基於 React 的 Web 應用程序。 我讓它按照我想要的方式工作，它像我預期的那樣作為一個網絡應用程序運行——現在，這對我來說意味着在我的手機上，從 chrome，如果我從 chrome 菜單中選擇“添加到主屏幕”它看起來好像是一個應用程序（顯示自己的圖標並在 chrome 之外的新窗口中啟動）。

在完成這項工作后，我決定重新組織，以便路徑是我想要的方式 - 從mydomain.com -> apps.mydomain.com/appName 。 我將代碼移動到正確的目錄，當我瀏覽那里時，我看到了我的“應用程序”。

我立即注意到一個問題，即未加載靜態資產，我通過在www/mydomain.com 中添加一個指向www/mydomain.com/appName/static的符號鏈接來解決該問題。 在這一點上，我認為我的應用程序得到了適當的重組。

不幸的是，當我嘗試從 chrome 中“添加到主屏幕”時，它現在創建了一個常規快捷方式，在我看來這似乎表明 manifest.json 沒有被應用。 這一切對我來說都是一個基本問題，我不明白子路徑的代碼組織讓我停下來。

所以我的問題是：我需要做什么才能在子路徑中正確托管我的網絡應用程序？

筆記：

• 我正在使用nginx - 我懷疑我的問題在於那里的配置，如果需要有關我的配置的更多信息，我可以提供它。
• 關於應用程序的更改。 - 抱歉，如果它有點混淆了問題，請注意我剛剛添加了一個別名 - 因此apps.mydomain.com似乎等同於mydomain.com - 我只在假設錯誤並且是問題的一部分時才注意到它。
• 請原諒我的問題語言，如果它是錯誤的，我是網絡新手，並且可能沒有正確使用術語 - 這也是為什么我可能很難在谷歌上搜索這個。

謝謝！

Answer 1

我想我想通了。 我的應用程序是用 create-react-app 制作的，在package.json 中，我將主頁編輯為我的路徑。

從這里找到了這個：

https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#building-for-relative-paths