el-upload上传图片很慢 https://jsonplaceholder.typicode.com/posts/ 503
问题
最近在将算法封装成UI进行展示,遇到如下
使用element的控件el-upload上传文件很慢,有时候会报错:
Interface 503 when uploading pictures。jsonplaceholder.typicode.com/posts/:1 POST https://jsonplaceholder.typicode.com/posts/ 503 ()
也有人在element下面提issue了,但是没有被解决:
原因
问题是由于el-upload控件
样例如下:
<el-upload class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/" :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload"> <img v-if="imageUrl" :src="imageUrl" class="avatar"> <i v-else class="el-icon-plus avatar-uploader-icon"></i> </el-upload>
其中使用的action
是JSONPlaceholder ,这是一个虚拟的测试接口,测试post和get请求,但是这个网址反应慢,且会产生CORS跨域问题,导致Access-Control-Allow-Origin 异常,解决这个问题会比较复杂,对于只是新手内部测试的时候不是很明白如何操作,这里不做过多的介绍。
解决办法
在stackoverflow上面找到类似的问题,但是没有解答:
https://stackoverflow.com/questions/54150439/document-upload-through-fake-api-status-code-503-service-unavailable
看到它尝试更换fake API: https://www.mocky.io,对于他的情况没有什么改变,下面的回答是
trying to send the file to a third party API and looking for a way to test
我将el-upload的action地址从
action="https://jsonplaceholder.typicode.com/posts/"
跟换为
action="https://www.mocky.io/v2/5185415ba171ea3a00704eed/posts/"
成功解决问题,上传速度变快,且浏览器开发模式没有报相关的错误。
参考
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
天气变冷了,用Python给爸妈制作一个天气提醒小助手
天气慢慢变冷了,和父母聊天中得知,他们查看每天的天气预报不太方便,我记得小时候,每晚 19:30 左右,一家人都要守在电视机旁边收听第二天的天气情况。 如今,对于我们年轻人来说,获取天气情况很方便,但是对于我们不擅长用手机的父母来说,还是很吃力,他们用的多的还是微信吧。为此,我用不到 40 行代码写了一个小工具,每天定时把当天的天气情况直接发到微信群里。 查询天气接口 要获取天气情况,需要一个查询天气的接口,网上找了一下,一般都是注册后送一定调用次数的,我选择了一个,免费送 500 次查询次数的。 我们看看接口的 API 文档。 其中城市名 cityname 和 key 是必填项。 http://v.juhe.cn/weather/index?format=2&cityname=%E8%8B%8F%E5%B7%9E&key=您申请的KEY key 值在 juhe.cn 我的接口那一栏中可以看到。 我们也可以事先在 Postman 工具中调试看看接口能否调通。 Postman 接口工具没用过的没关系,他们网页上也提供了调试工具。 查询天气方法 我们直接用 requests...
- 下一篇
在python中实现随机选择
想从一个序列中随机抽取若干元素,或者想生成几个随机数。 random 模块有大量的函数用来产生随机数和随机选择元素。比如,要想从一个序列中随机的抽取一个元素,可以使用random.choice() : >>> import random >>> values = [1, 2, 3, 4, 5, 6] >>> random.choice(values) 2 >>> random.choice(values) 3 >>> random.choice(values) 1 >>> 为了提取出N 个不同元素的样本用来做进一步的操作,可以使用random.sample() #Python学习交流QQ群:857662006 >>> random.sample(values, 2) [6, 2] >>> random.sample(values, 2) [4, 3] >>> random.sample(values, 3) [4, 3, 1]...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- Docker使用Oracle官方镜像安装(12C,18C,19C)
- MySQL8.0.19开启GTID主从同步CentOS8
- CentOS7编译安装Cmake3.16.3,解决mysql等软件编译问题
- SpringBoot2整合MyBatis,连接MySql数据库做增删改查操作
- Docker快速安装Oracle11G,搭建oracle11g学习环境
- 设置Eclipse缩进为4个空格,增强代码规范
- Jdk安装(Linux,MacOS,Windows),包含三大操作系统的最全安装
- Docker安装Oracle12C,快速搭建Oracle学习环境
- Hadoop3单机部署,实现最简伪集群
- CentOS关闭SELinux安全模块