AngularJS html5mode和404

Question

我有一个AngularJS应用程序使用html5mode设置为true 。

目前，该应用程序显示一个软404页面，在路由器中具有.otherwise设置。

有没有一种方法可以提供实际的404 HTTP响应，为了SEO而使用html5mode？

Answer 1

如果我理解你想要什么，你必须做以下事情：

1. 硬重定向浏览器（绕过角度路由）在其他路径上，用这样的东西：

    $routeProvider .otherwise({ controller: function () { window.location.replace('/404'); // your custom 404 page // or a non existing page } }); 

2. 如果您有一个常规的单页面应用程序，其中所有服务器请求都被重定向到相同的SPA入口点，您必须在服务器上配置为自定义404页面制作路由例外，该页面也应该与404状态。

否则，在没有外部请求的情况下，我无法看到你如何使用History API，因为角度路由的全部意义是绕过外部请求。

如果您只希望不存在的路由返回404，则必须将服务器配置为匹配所有角度路由，否则返回404。

Answer 2

Seach引擎使用_escaped_fragment_通过预渲染页面与SPA应用程序一起使用。 您可以使用Prerender.io（或简称PhantomJS）为搜索引擎生成任何状态代码，例如https://prerender.io/documentation/best-practices

但Google不推荐使用此架构： http ： //googlewebmastercentral.blogspot.ru/2015/10/deprecating-our-ajax-crawling-scheme.html此时Google尝试通过常规抓取架构了解您的JS。

硬重定向到404.html页面不是一个好习惯：url必须保持不变，例如https://stackoverflow.com/somepage

您可以尝试使用服务器呈现功能的Angular2： https ：//docs.google.com/document/d/1q6g9UlmEZDXgrkY88AJZ6MUrUxcnwhBGS0EXbVlYicY/edit

Answer 3

您必须使您的服务器问题404s。 无论如何，Angular在这里无能为力。