Angular 6 应用程序在生产构建后重新加载时中断

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 路由，让服务器以不同方式处理您的请求。

看看这个guide配置您的服务器。

---

然而，还有一种巧妙的方法来处理路由。通过使用 useHash: true。请看攻略here .

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