在 Angular 5 服务发布请求中处理离线服务器答案

【问题标题】：Handle offline server in angular 5 service post request在 Angular 5 服务发布请求中处理离线服务器
【发布时间】：2018-12-23 17:11:53
【问题描述】：

当我的节点后端消失时，我想处理它。我正在使用带有app.use(cors()) 的 MEAN-Stack 和 CORS-Middleware。

所以我尝试在我的请求中使用rxjs timeout ->

return this.http.post('http://192.168.45.20:3000/bookings/', booking, {headers: headers})
    .timeout(3000)
    .map(res => res.json());
}

当我的服务器在线时，一切正常，但是当请求被发送并且我的服务器离线时，我得到一个错误

跨域请求被阻止：同源策略不允许读取 https://192.168.45.20:3000/bookings 的远程资源。（原因： CORS 攻击失败）。

那么我该如何处理我的 Angular 5 服务中的服务器离线状态呢？

【问题讨论】：

【解决方案1】：

你能做的最好的就是

通过 service worker (https://angular.io/guide/service-worker-getting-started) 向您的 Angular 应用程序添加缓存逻辑
检测网络何时不可用（您可以选择向用户提供视觉反馈）。借助本地存储保存系统，您可以在网络可用时安排更新，这要归功于复制系统

PS : Http 拦截器对此很有用

【讨论】：