首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Reactjs部署问题

Reactjs部署问题
EN

Stack Overflow用户
提问于 2020-09-07 05:41:25
回答 1查看 45关注 0票数 0

我在我的IIS服务器上使用url重写通过"build“进行部署,但我注意到应用程序没有加载。

我的Reactjs应用程序包装在express节点中。

这是未加载的应用程序的url:http://booleandev.com/expense-tracker

这是加载http://booleandev.com:9000的应用程序的url

我注意到应用程序没有加载的原因是因为所有的链接都链接到一个断开的链接- booleandev.com/static/...

我该如何解决这个问题。

谢谢。

EN

回答 1

Stack Overflow用户

发布于 2020-09-07 17:49:47

尝试使用公共路径:

代码语言:javascript
复制
const publicPath = '/path/to/subfolder/';

export const routeCodes = {
  HOME: publicPath,
  SEARCH: `${ publicPath }search`,
  ABOUT: `${ publicPath }about`,
};

// Then you can use them like this
// <Route exact path={ routeCodes.ABOUT } component={ About } />

和react-router规则:

代码语言:javascript
复制
<rewrite>
  <rules>
    <rule name="Imported Rule 1" stopProcessing="true">
      <match url="^" ignoreCase="false" />
      <conditions logicalGrouping="MatchAny">
        <add input="{DOCUMENT_ROOT}{URL}" matchType="IsFile" ignoreCase="false" />
        <add input="{DOCUMENT_ROOT}{URL}" matchType="IsDirectory" ignoreCase="false" />
      </conditions>
      <action type="None" />
    </rule>
    <!--# Fallback all other routes to index.html-->
    <rule name="Imported Rule 2" stopProcessing="true">
      <match url="^" ignoreCase="false" />
      <action type="Rewrite" url="/path/to/subfolder/index.html" />
    </rule>
  </rules>
</rewrite>

参考链接:

How to bundle a React app to a subdirectory on a server?

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63769158

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档