改为this.$http.get(url,option)怎么请求,使用的是luch-request
时间: 2024-03-03 21:48:10 浏览: 215
http-request-response-with-request-reply-router:演示在同一请求-响应数据存储区中使用两次相同的相关ID时的请求-响应路由器问题,例如通过取消第二次使用已使用的correlationId阻止请求者,直到路由器以超时异常结束
使用luch-request发送GET请求获取文件数据,可以按照以下代码示例进行操作:
```js
import { get } from 'luch-request'
// 发送GET请求获取文件数据
get(url, {
responseType: 'arraybuffer', // 指定返回的数据类型为二进制流
header: {
'Content-Type': 'application/octet-stream' // 指定请求头中的Content-Type为application/octet-stream
}
}).then(res => {
// 将响应的二进制流转化为Blob对象
const blob = new Blob([res.data], { type: 'image/jpeg' })
// 将Blob对象转化为URL地址
const imgUrl = URL.createObjectURL(blob)
// 将URL地址赋值给img元素的src属性
document.querySelector('#img').src = imgUrl
}).catch(err => {
console.log(err)
})
```
其中,url是后端接口地址,#img是展示图片的img元素的选择器。注意,发送GET请求时需要指定响应的数据类型为二进制流,并且在请求头中指定Content-Type为application/octet-stream。
阅读全文