小编Yas*_*har的帖子

我已经从Create-React-App库创建了一个示例应用程序.当我运行build命令时,它会使用cache-first策略自行生成一个service-worker .但我需要更多功能,比如缓存一些API响应.我不知道如何在自动生成的service-worker中修改包含我自己的代码的脚本.我已经为我的案例找到了一些帮助热线,但这些还不足以全面了解它.

默认情况下,生成的服务工作文件不会拦截或缓存任何跨源流量,如HTTP API请求,图像或从其他域加载的嵌入.如果要对这些请求使用运行时缓存策略,可以弹出然后在webpack.config.prod.js的SWPrecacheWebpackPlugin部分中配置runtimeCaching选项.

以上段落来自官方文件

提前致谢!

这是我的manifest.json

{
  "name": "XXXXX",
  "short_name": "XXXXX",
  "start_url": "/",
  "gcm_sender_id": "XXX",
  "background_color": "#dfdfdf",
  "display": "standalone",
  "orientation": "landscape",
  "icons": [
    {
      "src": "\/icons\/android-chrome-128x128.png",
      "sizes": "128x128",
      "type": "image\/png"
    },
    {
      "src": "\/icons\/android-chrome-144x144.png",
      "sizes": "144x144",
      "type": "image\/png"
    },
    {
      "src": "\/icons\/android-chrome-192x192.png",
      "sizes": "192x192",
      "type": "image\/png"
    },
    {
      "src": "\/icons\/android-chrome-256x256.png",
      "sizes": "256x256",
      "type": "image\/png"
    }
  ]
}

此Web应用程序应始终处于横向模式,但它将以纵向模式打开.

这里有一个问题存在同样的问题,但没有一个答案能解决我的问题

我有一个使用 create-react-app 创建的 React 应用程序。所以使用与 create-react-app 捆绑的 webpack。我必须使用 Pouchdb 的 find()，我无法做到。其他 Pouch 功能工作正常，但find插件没有附加到 Pouch。

import PouchDB from 'pouchdb';
PouchDB.plugin(require('pouchdb-find'));

package.json 中的版本：

"pouchdb": "^6.4.1",
"pouchdb-browser": "^6.4.1",
"pouchdb-find": "^6.4.1"

有没有人知道如何解决这个问题。提前致谢。