vue fetch下载
时间: 2023-11-12 12:59:10 浏览: 30
如果你想使用 fetch API 下载文件,可以使用以下代码:
```javascript
fetch(url)
.then(response => response.blob())
.then(blob => {
const url = window.URL.createObjectURL(new Blob([blob]));
const link = document.createElement('a');
link.href = url;
link.setAttribute('download', 'file.pdf');
document.body.appendChild(link);
link.click();
});
```
其中,`url` 是文件的下载链接,`file.pdf` 是文件的名称,可以根据实际情况进行修改。
相关问题
vue fetch 传递参数
在Vue中使用fetch传递参数的方式有多种。对于GET请求,可以通过URL传递参数。例如,可以使用传统的问号传参的方式,将参数拼接在URL上,并使用fetch的GET请求发送请求。如果使用Restful形式传递参数,可以将参数作为URL的一部分,使用斜杠的形式传递。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [vue学习笔记-接口调用fetch用法](https://blog.csdn.net/weixin_42349568/article/details/108288692)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [Vue 前后端交互 (Fetch)](https://blog.csdn.net/QuantumYou/article/details/113664811)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
vue fetch 传递参数get
通过fetch发送GET请求传递参数的方式有两种。第一种是传统方式的URL传递参数,可以在URL后面使用问号(?)和参数名和值进行传递,例如`fetch('/abc?id=123')`。第二种是Restful形式的URL传递参数,在URL中直接使用斜杠(/)和参数值进行传递,例如`fetch('/abc/123')`。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [vue基础知识(十)——fetch、axios、async/await](https://blog.csdn.net/qq_40556950/article/details/105406287)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [Vue接口调用(一)fetch用法](https://blog.csdn.net/m0_55990909/article/details/123957200)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]