Angular 6 Application Breaks 在生产构建后重新加载

Question

我有一个应用程序，我在其中保留了那个 dist 文件夹，我们在我的服务器上成功构建了完整的生产版本后获得了该文件夹。一切正常，所有模块和组件都运行良好。在我手动重新加载浏览器窗口之前，它会引发以下错误。我还使用 base-href -- /dist/ 构建了项目

        Object not found!
        The requested URL was not found on this server. If you entered the URL 
        manually please check your spelling and try again.

        If you think this is a server error, please contact the webmaster.

Answer 1

您必须将服务器设置为index.html（通常）发送任何不存在的 URL。

发生的情况是，当您移动到应用程序中的不同路由时，JS 正在处理您的路由。但是一旦您点击刷新，浏览器就会要求您的服务器处理该请求，并且由于服务器端未处理路由，因此它会报告上述错误。

因此，index无论浏览器要求什么路径，您都需要传送文件。

好吧，如果我们谈论api从前端访问，那么您可以使用称为反向代理的概念，如果您在两者之间有任何静态服务器或/api在任何之前处理路由*在服务器端的路由，让您的请求由服务器不同。

查看本指南以配置您的服务器。

然而，也有一种巧妙的方法来处理路由。通过使用useHash: true. 请看这里的指南。

RouterModule.forRoot(routes, { useHash: true })