Angular ng生成无法执行';替换状态';在';历史';:无法在来源为';的文档中创建URL为的历史状态对象;空';和URL

Angular ng生成无法执行';替换状态';在';历史';:无法在来源为';的文档中创建URL为的历史状态对象;空';和URL,angular,angular-router,ng-build,Angular,Angular Router,Ng Build,我正在使用Google Chrome版本52,我希望能够通过访问index.html在没有服务器的情况下本地运行我的应用程序 我可以点击我的应用程序的登录页。但是,当我尝试导航到另一个页面或单击任何按钮时,它都无法工作 我尝试了很多方法,例如: 在导入之前添加脚本并 将基本href从/更改为/ 更改路由器配置以使用哈希,并将base href更改为 文件。写(“”) 使用ng build--prod--allow file access from files 这正是我面临的错误: 我已经试

我正在使用Google Chrome版本52,我希望能够通过访问index.html在没有服务器的情况下本地运行我的应用程序

我可以点击我的应用程序的登录页。但是,当我尝试导航到另一个页面或单击任何按钮时,它都无法工作

我尝试了很多方法,例如:

  • 在导入之前添加脚本并
  • 将基本href从/更改为/
  • 更改路由器配置以使用哈希,并将base href更改为
    
    文件。写(“”)
  • 使用
    ng build--prod--allow file access from files
这正是我面临的错误:

我已经试了一天了,如果有人能帮我,我将不胜感激

我不希望运行web服务器,我必须让它在Chrome上工作

编辑: 野生动物园的工作

不适用于Chrome、Firefox、Opera、IE、Microsoft Edge


谢谢大家!

有几个原因可能会导致路由器出现问题。如果在生产环境中遇到问题,应确保遵循以下步骤:

步骤1: 在index.html的标题部分添加基本标记:

<base href="/">
这将解决您的问题

说明: 当你加载一个页面时,e。G在domain.com/settings中,您的浏览器向服务器发送请求,并期望得到settings.html文件的响应

如果ErrorDocument指向index.html文件,Angular router可以正确处理请求,并将您重定向到domain.com/settings而不会出错。

最后我用它来托管一个简单的本地服务器,这不是我想要的,但总比没有好

还是希望有人能解决这个问题


谢谢大家!

你用角形路由器吗?如果刷新页面,您是否能够访问
yourdomain.com/
的根目录?@JiiB您好,是的,我使用angular router进行导航。刷新后,我在我的根页面上。如果您使用
ng-serve
,导航是否有效?或者您是否存在与捆绑版本相同的问题?@JiiB是的,导航适用于ng-serve,未观察到错误。我已根据您所说的进行了尝试,并将.htaccess文件放在我的dist文件夹中,但导航不起作用。错误与我上面提供的屏幕截图完全相同。
RewriteEngine On

ErrorDocument 404 /