Precache使用workbox 3.0对组件做出反应

时间:2018-06-15 10:12:02

标签: reactjs single-page-application service-worker workbox

我正在尝试在工作箱3.0预缓存中预先缓存我的反应应用程序的不同组件(使用路径路径)。但只有index.html被预先缓存,而div标签的内容因页面而异 i)反应路线

        <div className="container">
          <Route exact path="/initial" component={Initial} />
          <Route exact path="/receive" component={Receive} />
          <Route exact path="/deliver" component={Deliver} />
        </div>

ii)workbox-config.js

  globPatterns: [
"**/*.{json,ico,html,js,css,woff2,woff}",
"/",
"/receive",
"/initial"
 ]

我知道我犯了一个错误。这是什么以及如何声明路径以使其得到预先处理。

1 个答案:

答案 0 :(得分:0)

我认为问题出在您的工作箱配置中。如果您阅读文档How to Register a Regular Expression Route,将会对如何处理路线有个了解。