首页 > 其他分享 >使用Axios下载Nignx文件,并重命名

使用Axios下载Nignx文件,并重命名

时间:2023-04-27 23:34:55浏览次数:52  
标签:Axios string url 并重 Nignx link document 下载

需求:因为下载的nginx的文件地址是UUID组成的,要下载呢就需要用axios。然后结合我上一篇文章,把nginx的跨域打开。

http://localhost:8085/project_1/2023/04/27/C9E9CC592AF849F7BFA025F16E2271BD.sql

https://www.cnblogs.com/pphboy/p/17360526.html

export function downloadFile(url:string, filename:string) {
  axios({
    url: url,
    method: 'GET',
    responseType: 'blob', // 以二进制流的形式请求数据
  }).then(response => {
    // 创建一个 <a> 标签,设置 URL 和新文件名,并模拟点击下载
    const link = document.createElement('a');
    link.href = window.URL.createObjectURL(new Blob([response.data]));
    link.download = filename;
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
  });
}

标签:Axios,string,url,并重,Nignx,link,document,下载
From: https://www.cnblogs.com/pphboy/p/17360535.html

相关文章

  • JS通过axios提交application/x-www-form-urlencoded类型的数据
    使用axios提交类型为application/x-www-form-urlencoded数据的正确姿势:letformData=newURLSearchParams()formData.append('param1',param1)formData.append('param2',param2)axios({url:'http://xxx.xxx.xxx.xxx/xxx',method:'......
  • 使用axios下载文件
    使用axios下载文件/***下载文件*@param{string}url下载地址*@param{string}fileName文件名,例:1.png*/exportfunctiondownload(url,fileName){axios({url:url,method:'GET',responseType:'blob',}).then((r......
  • How to use axios.js instead of request.js to get data as a buffer All In One
    Howtouseaxios.jsinsteadofrequest.jstogetdataasabufferAllInOne如何使用axios.js代替request.js获取数据作为缓冲区questionconstfs=require("fs");varpath=require("path");const{exit}=require("process");//requ......
  • vite + vue3 + vue-router4 + ts + element plus + pinia + axios构建项目
    最后是完整的vite.config.ts、main.ts配置1、先用vite创建一个项目npmcreatevite@latest2、安装elementplusyarnaddelement-plus@element-plus/icons-vuevite.config.ts配置组件按需导入,图标自动导入npminstall-Dunplugin-vue-componentsunplugin-auto-impor......
  • Net6+axios 返回401 axios不能获取 状态码问题解决
    错误使用app.UseAuthentication();//认证 这里要加,位置不能反app.UseAuthorization();//授权 app.UseCors();//启用Cors解决方法app.UseCors();//启用Corsapp.UseAuthentication();//认证 这里要加,位置不能反app.UseAuthorization();//授权  更换前更换后  ......
  • axios传递参数的使用
    今天在学习elasticsearch时,遇到一个问题:项目中前端采用的是Vue2+axios,后端的接口采用Restful风格来接收:关于Resultful风格:1.GET(SELECT):从服务器取出资源(一项或多项);2.POST(CREATE):在服务器新建一个资源;3.PUT(UPDATE):在服务器更新资源(客户端提供改变后的完整资源);......
  • ai问答:使用 Vue3 组合式API 和 TS 配置 axios 拦截器 http错误状态
    通过axios.create()可以创建一个axios实例axiosInstance,参数如下:baseURL:请求前缀timeout:超时时间headers:请求头默认配置:import{defineComponent}from'vue'importaxiosfrom'axios'exportdefaultdefineComponent({setup(){//实例-默认配置......
  • axios
    引入axiosnpminstallaxios或者直接引入js文件<scriptsrc="https://unpkg.com/axios/dist/axios.min.js"></script>使用axios//通过params设置参数:axios.get('/url',{params:{ID:123}}).then(function(response){......
  • axios发送请求
     1.浏览器前端向服务器发送http请求(请求报文)2.后台服务器接收到请求后,处理请求,向浏览器返回http响应(响应报文)3.浏览器端接收到响应,解析显示响应体或者调用监视回调函数  1.请求行:格式:methodurlGET/product_details?id=2  或者POST/login2.请求头(一般有多个)Host:......
  • Axios
    axios.get('url地址',{params:{参数1:值1,参数2:值2}}).then(function(response){console.log(response);}).catch(function(error){console.log(error);})axios({method:"get",url:"url地址",params:{参数......