JSPM – m-downloader@2.0.0

Package Exports

m-downloader

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (m-downloader) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

文件下载

安装模块

npm install m-downloader 或 yarn add m-downloader

引用模块
```
import m_downloader from 'm-downloader'
```

通过代理拦截进行初始化配置

const handler = {
  construct(target, [url, options] = args) {
    const method = options.method ? options.method.toUpperCase() : 'GET'
    if (method === 'GET') {
      Object.assign(options, { method, url })
    }
    if (method === 'POST') {
      Object.assign(options, {
        url,
        method,
        headers: {
          'Authorization': localStorage.getItem('AUTH_TOKEN')
        }
      })
    }
    return new target(options)
  }
}
const Downloader = new Proxy(m_downloader, handler)
export default Downloader

GET请求方式

const downloader = new Downloader('/api/download', {
  filename: 'Custom file name',
  getProgress(percentage) {
    console.log(`Download progress：${percentage}`)
  }
})
downloader
  .catch(error => { console.log(error) })
  .finally(() => console.log('A successful or failed operation, such as the handling of loading'))

POST请求方式

const downloader = new Download('/api/download', {
  method: 'POST',
  data: { id: 5, type: 1 },
})
downloader
  .catch(error => { console.log(error) })
  .finally(() => console.log('A successful or failed operation, such as the handling of loading'))

捕获服务端的JSON错误

{
  "status": 500,
  "msg": "消息提示文案",
}

const downloader = new Download('/api/download', {
  method: 'POST',
  data: { id: 5, type: 1 },
})
downloader
  .catch(error => {
    console.log('errorMsg', error.statusText)
  })