javascript - Angular2 页面刷新时未加载

Question

我有问题。当我点击 anchor 上的索引时

<a href ="/month/1">Month</a> 

我的应用程序未加载，但同时当我单击组件中的 anchor 时

<a routerLink="/month/1"> Month</a> 

我的应用程序加载页面。这是我的路线。

{ path: 'month/:id', component: MonthComponent },

此外，当我刷新页面时从组件加载页面时，它会引发与我来自索引时相同的错误。在我在 url 中添加参数之前，我没有遇到这个问题。我尝试在索引中使用 routerLink，但它甚至不加载 url。

Answer 1

很可能是由于服务器端路由造成的。使用链接 href，浏览器向托管您的应用程序的服务器发出请求。如果您尚未将网络服务器设置为将所需路径路由到单页应用程序，它将在系统中查找服务器上存储于 where.com/month/1

如果您使用主机类型(例如 ExpressJS、IIS 等)更新了您的问题，我可以帮助您提供具体示例

使用 IIS URL 重写 (web.config) 的示例

<rewrite>
  <rules>
      <rule name="Redirect To Index" stopProcessing="true">
          <match url="(.*)" />
          <conditions>
              <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
          </conditions>
          <action type="Rewrite" url="index.html" />
      </rule>
  </rules>
</rewrite>