uniapp打包的h5如何使用七牛cdn

uniapp yekong

uniapp打包的h5项目有点大,加载有点慢,于是想着有没有办法使用七牛cdn

要在 H5 中配置 CDN 的 publicPath,您需要在 manifest.json 的 h5 配置节点下添加 publicPath 参数。以下是配置示例:

{
  "h5": {
    "publicPath": "http://qiniu.wanjunshijie.com/static/",
    "router": {
      "mode": "history"
    }
  }
}

publicPath 参数用于指定编译后的静态资源路径前缀。需要注意以下几点:

  • publicPath 必须以 "/" 结尾
  • 建议使用相对路径 "./" 以实现更好的兼容性
  • 如果使用了 CDN,需要确保 CDN 域名已正确配置并且能够访问

如果您使用的是相对路径,配置如下:

{
  "h5": {
    "publicPath": "./",
    "router": {
      "mode": "history"
    }
  }
}

配置完成后,打包项目后,将文件上传到我们配置好的七牛对应的路径下就可以了。

喜欢