element-plus 的el-img组件访问oss图片自动拼接前端地址

news2024/11/13 23:43:54

这是我的组件代码

	<el-image style="width: 100px; height: 100px" :src="scope.row.logo" />

访问时候竟然凭借上了前端的地址端口
在这里插入图片描述

原来是我的oss服务是使用了域名做cdn加速的
内容分发网络（CDN）或者服务器配置，可能存在一些重写规则或配置el-img组件无法识别，就自动将请求的URL修改或添加前缀。

解决办法

手动拼接
在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1484143.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

通过修改host文件来访问GitHub

前言： 由于国内环境的原因，导致我们无法流畅的访问GitHub，。但是我们可以采取修改host文件来实现流畅访问。缺点：需要不定时的刷新修改。操作流程一、查询IP地址以下地址可以查询ip地址 http://ip.tool.chinaz.com/ htt…

艾尔登法环备份存档方法

1.PC端使用WinR输入%AppData%\EldenRing 2.如图创建文件夹“我这取名叫备份存档”，将其中的三个文件复制到新建的文件夹中 3.理论上只需要备份替换ER0000.sl2文件即可

《Spring Security 简易速速上手小册》第9章测试与维护（2024 最新版）

文章目录 9.1 编写安全测试9.1.1 基础知识9.1.2 重点案例：保护 REST API9.1.3 拓展案例 1：自定义登录逻辑测试9.1.4 拓展案例 2：CSRF 保护测试 9.2 Spring Security 升级和维护9.2.1 基础知识9.2.2 重点案例：适配新的密码存储格式…

智能驾驶规划控制理论学习02-基于搜索的路径规划方法

目录一、路径搜索问题二、图论基础三、图搜索方法 1、广度优先搜索（BFS） bfs与dfs的区别 bfs的搜索过程 bfs的算法实现 2、迪杰斯特拉算法（Dijkstra） 核心思想优先级队列 Dijkstra搜索过程 Dijkstra优缺点…

计算机视觉基础知识(十六)--图像识别

图像识别信息时代的一门重要技术;目的是让计算机代替人类处理大量的物理信息;随着计算机技术的发展,人类对图像识别技术的认识越来越深刻;图像识别技术利用计算机对图像进行处理\分析\理解,识别不同模式的目标和对象;过程分为信息的获取\预处理\特征抽取和选择\分类器设计\分…

Mybatis | 动态SQL

目录: 动态SQL中的 “元素” :\<if>元素\<choose>、\<when>、\<otherwise>元素\<where>、\<trim>元素\<set>元素\<foreach>元素\<bind>元素作者简介 ：一只大皮卡丘，计算机专业学生，正…

【Python】进阶学习：pandas--如何根据指定条件筛选数据

【Python】进阶学习：pandas–如何根据指定条件筛选数据 🌈 个人主页：高斯小哥 🔥 高质量专栏：Matplotlib之旅：零基础精通数据可视化、Python基础【高质量合集】、PyTorch零基础入门教程👈 希望…

什么是片内片间均匀性？

均匀性在芯片制程的每一个工序中都需要考虑到，包括薄膜沉积，刻蚀，光刻，cmp，离子注入等。较高的均匀性才能保证芯片的产品与性能。那么片内和片间非均匀性是什么？如何计算？有什么作用呢&#xff…

热点一线总有神秘小盒现身，到底有什么神秘之处？高人气随身WiFi第一名，2024最值得购买的随身WiFi

近日，一位好事儿的网友突然将多个新闻热点的截图发在了自己的社交平台上，引起了大家的广泛关注。原来在这些记者报道一线新闻的时候，总有一个神秘小盒子在若隐若现。后经网友深扒得知这是格行品牌旗下的大热产品——格行随身WiFi。为什么格行…

【C++ AVL树】

文章目录 AVL树AVL树的概念AVL树节点的定义AVL树的插入AVL树的旋转右单旋左单旋左右双旋右左双旋代码实现总结 AVL树 AVL树的概念二叉搜索树在顺序有序或接近有序的情况下，而插入搜索树将退化为单叉树，此时查找的时间复杂度为O(n)，效率低…

使用新版还是旧版旧版 using System.Collections; using System.Collections.Generic; using UnityEngine;public class c5 : MonoBehaviour {void Start(){}void Update(){// 注意要在游戏中点鼠标键盘进行测试// 鼠标// 0左键 1右键 2滚轮if (Input.GetMouseButtonDown(0)…

python爬虫之selenium知识点记录

selenium 一、前期准备 1、概述 selenium本身是一个自动化测试工具。它可以让python代码调用浏览器。并获取到浏览器中加载的各种资源。我们可以利用selenium提供的各项功能。帮助我们完成数据的抓取。 2、学习目标掌握 selenium发送请求，加载网页的方法掌…

新一代电话机器人开源PHP源代码

使用easyswoole 框架开发的新一代电话机器人开源PHP源码项目地址：https://gitee.com/ddrjcode/robotphp 代理商页面演示地址 http://119.23.229.15:8080 用户名：c0508 密码：123456 包含 AI外呼管理，话术管理，CR…

简易内存池2 - 华为OD统一考试(C卷)

OD统一考试（C卷） 分值： 200分题解： Java / Python / C 题目描述请实现一个简易内存池,根据请求命令完成内存分配和释放。内存池支持两种操作命令，REQUEST和RELEASE，其格式为: REQUEST请求的内存大小 …

golang学习5，glang的web的restful接口

1. //返回json r.GET("/getJson", controller.GetUserInfo) package mainimport (/*"net/http"*/"gin/src/main/controller""github.com/gin-gonic/gin" )func main() {r : gin.Default()r.GET("/get", func(ctx *…

【研发日记】Matlab/Simulink技能解锁(三)——在Stateflow编辑窗口Debug

文章目录前言 State断点 Transition断点条件断点按State步进 Watch Data Value Sequence Viewer 分析和应用总结前言见《【研发日记】Matlab/Simulink技能解锁(一)——在Simulink编辑窗口Debug》见《【研发日记】Matlab/Simulink技能解锁(二)——在Function编辑…

数据结构开篇

目录一. 如何学好数据结构二. 基本概念和术语2.1 区分数据、数据元素、数据项、数据对象2.2 数据结构2.2.1 逻辑结构2.2.2 存储结构 2.3 数据类型和抽象数据类型2.4 抽象数据类型的实现 \quad 一. 如何学好数据结构勤于思考;多做练习;多上机;善于寻求帮助;不怕困难&#xff…