Aurelia CLI 0.32带路由参数页面刷新报错问题

结合你的配置和ASP.NET环境，刷新页面报错基本是URL重写规则不完整或者Aurelia的base href未配置导致的，我给你一步步排查解决：

1. 补全ASP.NET的URL重写规则 #

你提供的重写规则是截断的，完整的pushState兼容规则需要确保所有非文件/非目录的请求都转发到根页面（Aurelia的入口页），这样Aurelia路由才能接管解析。把你的web.config里的rewrite规则替换成下面的完整版本：

<rewrite>
  <rules>
    <rule name="Main Rule" stopProcessing="true">
      <match url=".*" />
      <conditions logicalGrouping="MatchAll">
        <!-- 排除真实存在的文件（比如js、css、图片） -->
        <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
        <!-- 排除真实存在的目录 -->
        <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
      </conditions>
      <!-- 把符合条件的请求重写到根路径 -->
      <action type="Rewrite" url="/" />
    </rule>
  </rules>
</rewrite>

这个规则的核心是：只有当请求的不是真实文件或目录时，才交给Aurelia处理，避免静态资源被错误重定向。

2. 配置Aurelia入口页的base href #

在你的index.html的<head>标签里添加<base href="/">，这是pushState模式下必须的配置，它告诉Aurelia如何解析路由路径：

<head>
  <meta charset="utf-8">
  <base href="/">
  <!-- 其他meta、css等资源引用 -->
</head>

如果你的应用部署在子目录（比如/my-app/），就把base href改成对应的路径，比如<base href="/my-app/">。

3. 确认Aurelia路由配置的细节 #

你的路由配置已经开启了pushState: true和root: ''，这个是没问题的（如果是根目录部署）。fallbackRoute: ''也正确，会把未知路由重定向到首页。

4. 测试验证 #

做完上面两步后，重启你的ASP.NET服务器（确保web.config的修改生效），然后刷新editroute/:id页面，应该就能正常加载了。

如果还是报错，打开浏览器控制台看具体错误：

• 如果是404错误：说明重写规则没生效，检查web.config是否正确放置、IIS是否安装了URL Rewrite模块
• 如果是js加载错误：检查静态资源路径是否正确，base href是否配置正确

内容的提问来源于stack exchange，提问作者Casper