请求头相关

西瓜皮儿 2021/11/13

# Purpose

Purpose

作用：预取机制
触发方法：

<link rel="prefetch" href="/images/big.jpeg">
 
        复制成功

支持的值：prefetch/preload

Purpose: prefetch代表当前用户可能用到这个资源，需要在空闲时间做预取，放在浏览器内存里面，真正用到的时候直接从浏览器内存取

webpack处理
在vue-cli官方文档 (opens new window)有讲解

// vue.config.js
module.exports = {
  chainWebpack: config => {
    // 移除 prefetch 插件
    config.plugins.delete('prefetch')

    // 或者
    // 修改它的选项：
    config.plugin('prefetch').tap(options => {
      options[0].fileBlacklist = options[0].fileBlacklist || []
      options[0].fileBlacklist.push(/myasyncRoute(.)+?\.js$/)
      return options
    })
  }
}
 
        复制成功

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15