Web App - 如果它在子路径中,则不应用manifest.json

时间:2017-10-12 05:29:13

标签: reactjs nginx web-applications

我正在尝试创建一个基于反应的Web应用程序。我按照我想要的方式工作,它按照我预期的方式表现为网络应用程序 - 现在,这意味着在我的手机上,从Chrome,如果从Chrome菜单我选择'添加到主屏幕'它显示为好像它是一个应用程序(显示自己的图标并在chrome之外的新窗口中启动)。

在完成这项工作之后,我决定进行重新组织,以便路径成为我想要的方式 - 来自 mydomain.com - >的 apps.mydomain.com/appName 即可。我将代码移动到正确的目录,当我在那里浏览时,我看到了我的“应用程序”。

我立即注意到静态资产未加载的问题,我通过在 www / mydomain.com 中添加指向 www / mydomain.com / appName /的符号链接来解决这个问题。静态即可。此时,我认为我的应用程序已正确重组。

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

所以我的问题是: 在子路径中正确托管我的网络应用需要做些什么?

备注:

  • 我正在使用 nginx - 我怀疑我的问题在于那里的配置,如果需要更多关于我配置的信息,我可以提供。
  • 关于应用程序的更改。 - 抱歉,如果它有点模糊了问题,请注意我刚刚添加了别名 - 因此 apps.mydomain.com 似乎相同 mydomain.com - 我只是在假设错误和部分问题时才注明。
  • 请原谅我的问题语言,如果它错了,我是网络的新手,可能没有正确使用这种术语 - 这也是为什么我可能只是谷歌搜索这个。

谢谢!

1 个答案:

答案 0 :(得分: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