Taro 对接腾讯云对象存储服务COS

最新推荐文章于 2024-07-08 09:48:55 发布

前端瓶子君

最新推荐文章于 2024-07-08 09:48:55 发布

阅读量2.1k

点赞数 1

分类专栏：小程序 Taro 文章标签： Taro 对象存储

本文链接：https://blog.csdn.net/lunahaijiao/article/details/86575746

版权

本文介绍了在使用Taro进行多端开发时，尝试对接腾讯云对象存储服务COS遇到的挑战。由于小程序环境限制，不能使用window对象，导致初始尝试失败。通过引入cos-wx-sdk-v5并解决Taro编译问题，实现了文件成功上传至腾讯云，但回调未运行。为解决编译问题，需在Taro配置中忽略特定文件。文中提供了部分关键代码示例。

摘要由CSDN通过智能技术生成

Taro 是一套遵循 React 语法规范的多端开发解决方案，所以一开始打算使用cos-js-sdk-v5，结果发现一直userAgent报错，代理出错，查看源码cos-js-sdk-v5/lib/request.js，才发现了自己忽略了一个致命错误。

cos-js-sdk-v5使用的是jquery请求，而小程序是无法使用jquery的，主要是因为：小程序的页面逻辑是在JsCore中运行，JsCore是一个没有窗口对象的环境，所以脚本中不能使用window对象，也无法在脚本中操作组件，而jquery会使用到window对象和document对象，所以无法使用。

进而，使用腾讯云对象储存服务对接小程序的cos-wx-sdk-v5,按照文档直接拖到项目了，运行正确，文件成功上传到腾讯云，但回调function (err, data)始终不运行。怎么办，只有一点点排查，在原生中是正常的，那么只能是Taro编译的时候出问题了，所以我们这样解决，在Taro编译时，忽略cos-wx-sdk-v5文件，我们在config/index.js配置如下：

...
weapp: {
   
    compile: {
   
      exclude:['src/libs/cos-wx-sdk-v5.js'] // 忽略的文件位置数组
    },
    module: {
   
      postcss: {
   
        autoprefixer: {
   
          enable: true,
          config: {
   
            browsers: [
              'last 3 versions',
              'Android >= 4.1',
              'ios >= 8'
            ]
          }
        },
        pxtransform: {
   
          enable: true,
          config: {
   

          }
        },
        url: {
   
          enable: true,
          config