Web 应用 - 如果清单.json 位于子路径中,则不应用清单



我正在尝试创建一个基于react的web应用程序。我让它按我想要的方式工作,它的行为也像我预期的那样成为一个网络应用程序——就目前而言,这对我来说意味着,在我的手机上,从chrome菜单中,如果我选择"添加到主屏幕",它就会显示得就像一个应用程序一样(显示自己的图标,并在chrome之外的新窗口中启动)。

在完成这项工作后,我决定重新组织,使路径成为我想要的方式-从mydomain.com->apps.mydomain.com/appName。我将代码移动到正确的目录,当我浏览那里时,我会看到我的"应用程序"。

我马上注意到静态资产没有加载的问题,我在www/mydomain.com中添加了一个指向www.mydomain.com/appName/static的符号链接,解决了这个问题。此时,我认为我的应用程序已经正确重组。

不幸的是,当我尝试从chrome"添加到主屏幕"时,它现在成为了一个常规的快捷方式,在我看来,这似乎表明manifest.json没有被应用。这一切对我来说都是一个基本问题,我不理解子路径的代码组织,这让我停顿了一下。

所以我的问题是: 我需要做什么才能在子路径中正确托管我的web应用程序

注意:

  • 我正在使用nginx-我怀疑我的问题在于那里的配置,如果需要更多关于我在那里的配置的信息,我可以提供
  • 关于应用程序的更改-很抱歉,如果它在一定程度上混淆了问题,请注意,我刚刚添加了一个别名-因此apps.mydomain.com似乎相当于mydomain.com-我只是在假设错误且是问题的一部分的情况下才注意到它
  • 请原谅我的问题语言,如果它是错误的,我是网络新手,可能没有正确使用行话——这也是为什么我可能很难在谷歌上搜索这个

谢谢!

我想我想通了。我的应用程序是用create-react应用程序制作的,在package.json中,我编辑了主页作为我的路径。

从这里找到这个:

https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#building-对于相对路径

最新更新