registerServiceWorker 在 React JS 中做了什么?

IT技术 javascript reactjs service-worker react-dom
2021-04-20 16:45:53

我是 React 的新手,我想知道以下代码中 registerServiceWorker() 的目的是什么?

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import registerServiceWorker from './registerServiceWorker';

ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();
2个回答

Service Worker 是一个 Web API,可以帮助您缓存资产和其他文件,以便当用户离线或网络速度较慢时,他/她仍然可以在屏幕上看到结果,因此,它可以帮助您构建更好的用户体验,这就是你现在应该了解的关于 service worker 的内容。这一切都是为了向您的站点添加离线功能。

默认情况下,React 会在没有您配置的情况下为您创建一个 Service Worker。了解更多;

2021-05-24 16:45:53
它仅用于开发环境还是也可以用于生产?
2021-06-03 16:45:53

service worker就是在没有网络的情况下离线使用网站数据,就像做PWA一样。请参阅此链接PWA以了解有关实现以及如何使用 registerServiceWorker() 的更多信息。