使用基于路径的路由在应用程序网关后面对应用程序进行反应

时间:2019-10-14 22:26:50

标签: reactjs azure-application-gateway

我目前有多个基于React的应用程序。我试图在它们前面放置一个网关,所以我将www.url.com/一个指向一个应用程序,将www.url.com/两个指向另一个应用程序。我可以构建应用程序并单独部署它们,但是没有问题,但是当我在它们前面放置网关以设置基于路径的路由时,react应用程序找不到它生成的css或js。

我尝试在我的package.json中的“主页”设置中添加路径,并更改了代码中的相对路径,但是页面仍找不到css / js文件。然后我意识到我可能必须打开一条规则才能路由到它们,但是当我这样做时,我得到了错误“ Uncaught SyntaxError:Unexpected token'<'”,并且当我看到我的应用出于某种原因不会将类型添加到它生成的脚本参考标记中,它看起来像这样:

我的网关中一个应用程序的规则如下:

lists      /lists               lispool    shhttpset
staticjs   /lists/static/js/*   lispool    shhttpset
staticcss  /lists/static/css/*  lispool    shhttpset

目前,我不确定该怎么做。我可以看到当我在网关的前面添加一个带有路径的网关时,react正在生成预期位于相同URL的文件,这确实使我感到困惑。我愿意将CDN用于这些文件,或者如果有更好的体系结构,则可以使用其他方法。有谁知道如何使这项工作?预先感谢。

0 个答案:

没有答案