reactjs - 使用 Webpack 和 React Router 4 的所有 url 中的网站前缀

Question

我正在使用 Nginx，我将在一个域上托管两个应用程序，但有两个不同的前缀（例如“ http://www.example.com/bookstore ”和“ http://www.example.com/library ” ）。Nginx 正在做代理，并且很好地使用我的 React 应用程序为我的 index.html 路由到主机。问题是 webpack 在不了解该代理的情况下构建网站，所以当我的网站是“ http://www.example.com/library ”时，index.html 的 js 文件的 src 被描述为“static/js/ main.js”，所以效果是 404 - 找不到文件。

问题的第二部分是路由器 4 不知道如何路由前缀。我可以在 package.json 中全局声明应用程序的前缀吗？即使我正确设置了 ma 应用程序，路由也会因 404 而变得疯狂，因为（再次）Router 4 的路由应用程序是“ http://www.example.com/ ”而不是“ http://www.example”。 com/图书馆”。

标签： reactjsnginxwebpackroutingreact-router-v4