【问题标题】:hosting for a react application托管反应应用程序
【发布时间】:2018-06-21 11:25:39
【问题描述】:

​我有一个使用 redux 和 webpack 配置的 reactjs 内置网站。在本地,它在localhost:3000 url 上运行。

我正在使用 react-redux 异步模式加载所需模块(使用 get 组件并根据请求注入所需的 reducer)

我的路线配置有 path ='/login', '/customers', '/customer/view/:id' , '/customer/edit/:Id' 等,其他路线也很少。

当我在本地运行或在 IIS 中托管应用程序时,我的 URL 看起来像 localhost:3000/login 、 localhost:3000/customers 等。

现在根据我们的要求,我希望将我的应用程序托管在一个子应用程序下,比如“sub”。为此,我更改了 webpack 配置文件的“publicpath”,并希望一切正常。​但它没有用。​ 为了使其在子应用程序下工作,我引入了一个以“sub”为路由的虚拟组件,并在其中添加了子组件。 在 Angular 中,我发现了这个命令 ng build --base-href "/subfolder/" --prod,它提供了缩小的文件,当托管在 IIS 上时,它运行良好,无需任何更改。有什么简单的方法可以在反应中做一些类似的事情吗?

【问题讨论】:

    标签: reactjs iis redux


    【解决方案1】:

    在package.json你可以添加

    "homepage": "/sub"
    

    并将项目部署为名称sub

    【讨论】:

    • 我得看看。我记得我试过没有运气。但我会再检查一遍
    • 看着docs.npmjs.com/files/package.json#homepage,它说我必须提供一个有效的网址。我不确定我的产品 URL 可能是什么。
    • 你的 UI 的上下文路径就足够了。不需要完整的 URL。它为我工作
    • 你的意思是“主页”:“/sub”这样吗? VS 代码对此给出警告
    • 让我知道你在哪里部署了这个应用程序?
    猜你喜欢
    • 2018-05-22
    • 2010-10-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-05-07
    • 2011-07-11
    • 2011-11-26
    相关资源
    最近更新 更多