跨域：Tus分片上传使用Vue3代理的问题

最新推荐文章于 2024-05-30 16:38:11 发布
最新推荐文章于 2024-05-30 16:38:11 发布
阅读量645 收藏
点赞数
分类专栏： 网络 文章标签： 前端 http vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35454695/article/details/122044241
版权

场景

本地8080正常开发，使用vue3的代理配置，将请求转发到测试服务器上的api服务

问题

使用Tus协议上传文件时，第一个请求没有问题，第二个请求出现了无法代理直接访问接口域名的情况，多方排查没有发现前端有任何错误

解决

因为前端没有传过接口域名，所以肯定不是前端自己控制Tus发的请求，于是通过查看响应头发现了location，原来是第一个请求返回了固定的地址，Tus自己直接请求了这个端口，而不是通过请求8080触发转发，所以导致跨域。
so，告知后端尝试更改此响应头即可
在这里插入图片描述

马航机长
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
tus-js-client：用于tus可恢复上传协议的纯JavaScript客户端
02-04
tus-js-client tus是基于HTTP的可恢复文件上传协议。 可恢复是指可以随时中断上载，并且可以继续上载而无需再次重新上载先前的数据。 如果用户想要暂停，则中断可能会随意发生，或者在网络问题或服务器中断的情况下会偶然发生。 tus-js-client是用于的纯JavaScript客户端，可以在浏览器， Node.js ， React Native和Apache Cordova应用程序内部使用。 协议版本： 1.0.0 该分支包含tus-js-client v2。 如果您正在寻找先前的主要版本，之后又引入了，请查看。 例 input . addEventListener (
推荐开源项目：tus-js-client - 灵活可靠的断点续传文件上传库
gitblog_00017的博客
05-12 430
推荐开源项目：tus-js-client - 灵活可靠的断点续传文件上传库 项目地址:https://gitcode.com/tus/tus-js-client 在数字时代，文件上传已经成为日常操作的一部分，无论是分享大型媒体文件还是存储重要文档。然而，网络环境的不稳定性往往会导致上传中断，这给用户带来了极大的不便。为了解决这一问题，我们推荐一个强大的开源项目——tus-js-client，它是一...
SpringBoot可恢复文件上传tus-java-client库的使用
没刮胡子的程序员专栏
10-20 1295
1、说明 tus是一种基于HTTP的可恢复文件上传协议。可恢复意味着上传可以随时中断，并且可以恢复，而无需再次重新上传以前的数据。如果用户想要暂停，中断可能会自动发生，或者在网络问题或服务器中断的情况下意外发生。 tus-java-client是一个库，用于使用tus协议将文件上载到支持它的任何远程服务器。 该库还与Android平台兼容，使用API时无需任何修改即可使用。tus android客户端提供了额外的类，这些类可以在Java库之外使用。 源码地址: https://github.com/tus/
vue3-大文件分片上传
最新发布
Pluto_fxy的博客
05-30 231
【代码】vue3-大文件分片上传。
java服务端（go也可） + vue 或者 js ，实现断点续传、秒传、暂停上传、多文件并行上传，可拖拽，可选择文件。
roseandjeck的博客
03-16 3340
java服务端（go也可） + vue 或者 js ，实现断点续传、秒传、暂停上传、多文件并行上传，可拖拽，可选择文件。简介前端插件：uppy.io 支持 js、vue、react、svelte官网：[uppy.io](https://uppy.io/)uppy前端demojava服务端demogithub地址：[tus-java-server-spring-demo](https://github.com/tomdesair/tus-java-server-spring-demo)具体实现github地址
文件分片_基于Tus协议的文件上传
weixin_36147585的博客
01-12 2055
介绍最近一直都在弄关于文件上传方面的问题，如果只是小文件的话，基本直接post上传就可以解决，但是当面对大文件时，如果还是只用简单的请求可能无法完成文件的上传.假设当前用户要上传一个2G的视频文件. 可能就会遇到许多问题:首先最大的问题就是，服务端不可能接受前端在一次请求中上传如此大的body.所以不得不选择将大文件分成多个小文件分多次上传，基本可以解决问题. 但是如果出现一些不可控的原...
.NET或.NET Core Web APi基于tus协议实现断点续传
dotNET跨平台
08-13 1179
【导读】前两天我采用技巧式方案基本实现大文件分片上传，这里只是重点在于个人思路和亲身实践，若在实际生产环境要求比较高的话肯定不行，仍存在一些问题需要深入处理，本文继续在之前基础上给出基于...
vue基础
人生代码 ---- 公众号
11-24 1281
(2).前端框架与库的区别? jquery 库 -> DOM(操作DOM) + 请求 art-template 库 -> 模板引擎 框架 = 全方位功能齐全 简易的DOM体验 + 发请求 + 模板引擎 + 路由功能 KFC的世界里,库就是一个小套餐, 框架就是全家桶 代码上的不同 一般使用库的代码，是调用某个函数，我们自己把控库的代码 一般使用框架，其框架在帮...
tus上传文件-方法
amy1019的博客
08-24 1462
tus–demo1：以下为简易版tus使用方法 var fs = require('fs') var tus = require('tus-js-client') // 引入tus插件 var path = `${__dirname}/../../README.md` var file = fs.createReadStream(path) // 获取文件对象 var size = fs.statSync(path).size var options = { endpoint: 'https://t
【翻译】tus----一个可续传文件上传的开放协议
weixin_30701521的博客
07-12 1583
tus tus是一个可续穿文件上传协议，它以Http协议为载体，统一了一个文件断点续传的标准。 这篇文章翻译自https://tus.io/ 目前该协议版本信息如下： Version: 1.0.0 (SemVer) Date: 2016-03-25 Authors: Felix Geisendörfer, Kevin van Zonneveld, Tim Koschützki, N...
vue iview upload组件上传跨域在前端代理解决
糯米鸡的博客
04-22 3923
vue 的 iview upload组件上传存在跨域问题 <template> <Upload action="//jsonplaceholder.typicode.com/posts/"> <Button icon="ios-cloud-upload-outline">Upload files</Button> ...
Vue实现大文件分片上传，包括断点续传以及上传进度条
热门推荐
yjxkq99的博客
02-08 1万+
分片上传就是把一个大的文件分成若干块，一块一块的传输。这样做的好处可以减少重新上传的开销。比如：如果我们上传的文件是一个很大的文件，那么上传的时间应该会比较久，再加上网络不稳定各种因素的影响，很容易导致传输中断，用户除了重新上传文件外没有其他的办法，但是我们可以使用分片上传来解决这个问题。通过分片上传技术，如果网络传输中断，我们重新选择文件只需要传剩余的分片。而不需要重传整个文件，大大减少了重传的开销。但是我们要如何选择一个合适的分片呢？
tus-file-server:Tus文件上传服务器
05-02
tus文件服务器 Tus文件上传服务器 跑步 npm run serve # run and watch npm run dev
tus-spring-boot
04-19
tus-spring-boot支持文件上传，实现断点续传的服务端代码
springboot断点续传或分片上传
02-21
springboot断点续传或分片上传
推荐开源项目：tus - 分段上传协议
gitblog_00027的博客
03-26 435
推荐开源项目：tus - 分段上传协议 项目地址:https://gitcode.com/tus/tus-resumable-upload-protocol tus 是一个开放源代码的协议，专注于解决大文件上传时的中断和恢复问题。它提供了一种可靠的方式来分段上传文件，即使在网络不稳定的情况下也能保证数据完整性。 项目简介 tus的核心特性是它的断点续传能力，允许用户在任何时间暂停并重新开始上传，而...
【翻译】Tusdotnet中文文档（1）配置和用法
weixin_30646505的博客
07-12 624
TUSDOTNET Tusdotnet是tus协议的一个dotnet实现。tus协议是用来规范文件上传的整个过程，tus基于http协议，规定了一些上传过程中的头部（headers）和对上传过程的描述。它实现了文件的断点恢复上传以及其他的一些实用的规范。我前面文章中，有关于tus的详细文档。在对tusdotnet文档的翻译过程中，我删除了关于IIS的章节，因为IIS的章节单独放在一章中，所以删除...
使用Nginx反向代理到go-fastdfs
weixin_34037515的博客
05-22 377
背景 go-fastdfs是支持http协议的一款分布式文件系统，在一般的项目中，很少是直接将文件系统的地址暴露出来的，大多数都会通过nginx等软件进行反代过去，由于我司的业务和网络环境场景相对特殊，由公网部分(公有云)和内网部分(私有云)组成的混合云网络体系，公有云主要就是作为一个出口和入口以及运行一些审计认证等应用，对上游请求进行处理，从而减少私有云的处理次数，提升性能。那么也正是因为这样，...
[译]Tus 协议
weixin_30347009的博客
08-10 543
原文地址：https://tus.io/protocols/resumable-upload.html 摘要 该协议提供一种基于 HTTP/1.1 和 HTTP/2 机制用于文件断点续传。 核心协议 核心协议描述如何继续中断的上传。这里假定你已经有一个用于上传的 RUL ，这个 URL 通常是由扩展协议 Creation创建。 所有客户端和服务端必须实现核心协议。...
Vue中解决ajax跨域问题：使用axios与代理配置
在这个文档中，重点讨论了如何在Vue中使用axios库进行Ajax操作，并解决了开发环境中的跨域问题。Axios是一个流行的JavaScript库，它基于Promise，使得异步数据请求更加简洁。相较于jQuery的$.ajax或$.getJSON，axios...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值