前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >使用el-upload进行服务端直传时出现错误

使用el-upload进行服务端直传时出现错误

作者头像
才疏学浅的木子
发布于 2022-11-13 01:29:19
发布于 2022-11-13 01:29:19
2.9K10
代码可运行
举报
文章被收录于专栏:CSDN文章CSDN文章
运行总次数:0
代码可运行

👨‍💻个人主页: 才疏学浅的木子 🙇‍♂️ 本人也在学习阶段如若发现问题,请告知非常感谢 🙇‍♂️ 📒 本文来自专栏: 问题(BUG)集合 🌈 每日一语BUG不再来临 🌈

项目场景:

使用el-upload标签获取Java服务端签名直传


问题描述

第一次发送给oss的请求不会携带上数据而第二次就会携带上一次的数据

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<el-upload
      class="avatar-uploader"
       action="#
      :data="policyObj"
      :show-file-list="false"
      :on-success="handleUploadSuccess"
       :before-upload="beforeUpload">
  <img v-if="dataForm.coverUrl" :src="dataForm.coverUrl" class="avatar">
  <i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
beforeUpload(file) {
        console.log("beforeUpload")
        this.$http({
              url: this.$http.adornUrl(`/third/oss/policy`),
              method: 'post',
              params: this.$http.adornParams()
            }).then(({data}) => {
              console.log(data)
              if (data && data.code === 0) {
                this.policyObj.policy = data.data.policy
                this.policyObj.signature = data.data.signature
                this.policyObj.ossaccessKeyId = data.data.accessId
                this.policyObj.dir = data.data.dir
                this.policyObj.host = data.data.host
                this.policyObj.key = data.data.host+'/'+data.data.dir+this.getUUID()+file.name
                console.log(this.policyObj)
              }
            })
    },

第二次请求


原因分析:

我也不清楚呜呜呜,我不是很懂前端来个前端大佬讲讲


解决方案:

使用Promise就可以成功实现

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
     beforeUpload(file) {
        console.log("beforeUpload")
        return new Promise((resolve,reject)=>{
          this.$http({
            url: this.$http.adornUrl(`/third/oss/policy`),
            method: "get",
            params: this.$http.adornParams({})
          }).then(({data})=>{
            this.policyObj.policy = data.data.policy
            this.policyObj.signature = data.data.signature
            this.policyObj.ossaccessKeyId = data.data.accessId
            this.policyObj.dir = data.data.dir
            this.policyObj.host = data.data.host
            this.policyObj.key = data.data.host+'/'+data.data.dir+this.getUUID()+file.name
            resolve(true)
          }).catch(err=>{
            reject(false)
          })
        })
    }
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-11-03,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
1 条评论
热度
最新
问一下大神,腾讯云的服务器的系统是不是自带防火墙啊(cent os),我看浏览器里面把防火墙端口打开但是还要进去linux里面把系统的相应的防护墙打开
问一下大神,腾讯云的服务器的系统是不是自带防火墙啊(cent os),我看浏览器里面把防火墙端口打开但是还要进去linux里面把系统的相应的防护墙打开
回复回复点赞举报
推荐阅读
编辑精选文章
换一批
centos7 操作系统防火墙firewalld设置与管理
centos 7 与centos6.5 防火墙区别比较大,Centos 7.x 中取消了iptables, 用firewall取而代之。
用户7639835
2021/08/27
4320
CentOS 7 开放防火墙端口命令
CentOS 7 开放防火墙端口 命令         最近公司新的server要求用CentOS7, 发现以前CentOS 6 系列中的 iptables 相关命令不能用了,查了下,发现Centos 7使用firewalld代替了原来的iptables。 使用方法如下: >>> 关闭防火墙 systemctl stop firewalld.service             #停止firewall systemctl disable firewalld.service        #禁止firewa
庞小明
2018/03/08
3.7K0
linux防火墙(firewall、iptable)
vim /etc/sysconfig/iptables # 加入如下代码 -A INPUT -m state –state NEW -m tcp -p tcp –dport 80 -j ACCEPT 保存退出后重启防火墙
全栈程序员站长
2022/09/01
7930
linux firewall指令
CentOS7中firewall防火墙详解和配置,.xml服务配置详解 修改防火墙配置文件之前,需要对之前防火墙做好备份
HUC思梦
2020/09/03
3.8K0
Centos7 配置默认防火墙Firewalld
转自Linux就该这么学 Centos7 更新后,默认防火墙由IPtables变为Firewalld,那么Firewalld配置端口的操作是怎么样的呢?让我们来学习一下吧! 1、基本操作  sys
用户1086810
2018/06/26
2.1K0
CentOS防火墙配置
firewall-cmd:是linux提供的操作firewall的一个工具 –permanent:表示设置为持久 –add-port:标识添加的端口
量子态的沐子呓
2020/03/13
3.2K0
CentOS 7 :Failed to start IPv4 firewall with iptables.
https://blog.csdn.net/u013028876/article/details/78750561
拓荒者
2019/03/15
1.3K0
CentOS 7 :Failed to start IPv4 firewall with iptables.
Linux firewalld 的用法
大乌龙事件之防火墙作祟: 在我的初始化环境中 selinux、iptables、firewalld 是关闭的, 莫名的firewalld 是没有关闭的这是我在安装完docker后一段时间后部署jenkins才发现的,当时在排错折腾了一下午,从防火墙,负载均衡,jenkins本身服务,docker没想到firewalld开启了,我说服务器内正常运行一直没找到是什么给拦截了. 没办法关了 firewalld docker就的流量就嘎了,所以重新学习一下 Firewalld.
误入歧途
2024/05/08
1890
linux防火墙查看状态firewall、iptable[通俗易懂]
CentOS7 的防火墙配置跟以前版本有很大区别,CentOS7这个版本的防火墙默认使用的是firewall,与之前的版本Centos 6.x使用iptables不一样
全栈程序员站长
2022/08/03
6.9K0
linux防火墙查看状态firewall、iptable[通俗易懂]
Centos7设置防火墙相关命令
命令含义: --zone #作用域 --add-port=80/tcp #添加端口,格式为:端口/通讯协议 --permanent #永久生效,没有此参数重启后失效
用户7162790
2022/03/23
2.7K0
linux服务器如何开放端口_Linux永久开放端口命令
开放服务器8080端口可访问(tomcat常用) iptables -I INPUT -p tcp –dport 8080 -j ACCEPT
全栈程序员站长
2022/10/03
13.7K0
mysql远程访问开启(Navicat Premium)
数据库安全策略设置,我没用也可以成功;我是用mysql5.56 和 mariadb 10.3.15 没问题;
用户4560583
2019/11/15
2.4K0
mysql远程访问开启(Navicat Premium)
CentOS 6 和 CentOS 7 差异
CentOS 6 和 CentOS 7 介绍 总体差异 想装回过去的一些工具 安装:yum install -y tree net-tools bind-utils tree sysstat vim-en* lrzsz NetworkManager-tui ntp ntpdate iftop tcpdump telnet traceroute 查看版本号/主机名 cat /etc/redhat-release cat /etc/hostname 常用配置差异 CentOS 网络配置 CentOS 图形界
星哥玩云
2022/05/28
8090
CentOS 6 和 CentOS 7 差异
linux防火墙设置白名单_Linux永久关闭防火墙
如果防火墙开启,我们pingLinux服务器的IP会ping不通,所以我们要对防火墙进行设置(一般情况下只需执行1里边的命令就可以了):
全栈程序员站长
2022/11/08
4.6K0
linux 防火墙开放端口_防火墙放行端口
显示success表示成功 –zone=public表示作用域为公共的 –add-port=443/tcp添加tcp协议的端口端口号为443 –permanent永久生效,如果没有此参数,则只能维持当前服务生命周期内,重新启动后失效;
全栈程序员站长
2022/11/04
4.7K0
【解决】linux虚拟机开放端口号,虚拟机centos7开放端口
systemctl status firewalld.service(查看防火墙开启还是关闭)
每天都要进步呀
2023/10/16
8600
linux防火墙端口设置_centos怎么关闭防火墙端口
参考链接: Ubuntu开启防火墙端口 centos7 防火墙 开启端口 并测试
全栈程序员站长
2022/11/08
5.1K0
Centos防火墙管理
CentOS 7快速开放端口 记录学习Linux命令笔记。 开放端口: --zone #作用域 --add-port=80/tcp #添加端口,格式为:端口/通讯协议 --permanent #永久生效,没有此参数重启后失效 firewall-cmd --zone=public --add-port=443/tcp --permanent firewall-cmd --zone=public --add-port=80/tcp --permanent firewall-cmd --zone=public -
无敌小菜鸟
2021/12/19
1.2K0
Centos防火墙管理
CentOS 6和CentOS 7防火墙的关闭
CentOS6.5查看防火墙的状态: [linuxidc@localhost ~]$service iptable status   显示结果: [linuxidc@localhost ~]$service iptable status Redirecting to /bin/systemctl status  iptable.service ● iptable.service    Loaded: not-found (Reason: No such file or directory)    Activ
庞小明
2018/07/06
7.5K0
linux 放开8080端口命令_linux开放端口命令
1.centos7版本对防火墙进行 加强,不再使用原来的iptables,启用firewall
全栈程序员站长
2022/10/04
9.9K0
推荐阅读
相关推荐
centos7 操作系统防火墙firewalld设置与管理
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验