【vue】后端的图片改变了，但是地址没变，前端显示还是之前的图片

最新推荐文章于 2024-05-15 17:52:58 发布
最新推荐文章于 2024-05-15 17:52:58 发布
阅读量1.7k 收藏 2
点赞数 2
分类专栏： Vue 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Qxn530/article/details/127790398
版权

问题原因：当浏览器第一次解析了图片地址后，会将其缓存下来，图片虽然改变了，但是地址没有发生变化，浏览器默认会从上次的缓存取出，所以图片没有发生变化

解决办法

（1）后端每次重新生成的链接名字给随机名称
缺点：可能需要记录当前链接做查询之类的，如果随机图片名称，可能没办法追溯
（2）前端自己处理，给图片后面添加随机数或者是时间戳

:src="file1.url + '?' + new Date()"

哇哦Q
关注
专栏目录
vue根据不同权限显示图片_Vue-element-admin实现菜单根据用户权限动态加载
weixin_39815329的博客
12-18 691
上面有两个分支，master是对应php后端的，itsys-net是对应asp.net core后端的。这里我简单介绍下我这个系统前端代码，当时我几乎完全参考vue-element-admin的，不过没用它的代码，但写法几乎都参考了他的教程，不过有一点不同的是，我的路由跟菜单是动态生成的，是后台根据当前登录的用户，查询用户的角色，再查询角色所具有的菜单列表，返回到前端，然后在前端生成Routers...
后端开发学习Vue(一)
bsegebr的博客
03-06 2617
Vue的介绍 官网: https://cn.vuejs.org/ Vue是一个简单容易上手前端框架 例如:下面的代码可以快速构建一个表格: <template> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" width="180"></el-table-column> <el-
【注意】vue中更改图片后，刷新页面后却是更改前的图片
weixin_38942461的博客
10-27 1135
【注意】vue 更改图片后，刷新页面后却是更改前的图片
基于Vue的前端架构，我做了这15点
这个时代，作为程序员可能要学习小程序
12-08 435
点击上方的终端研发部，右上角选择“设为星标”作者：codexu链接：https://juejin.cn/post/69014669944789401681.分解需求技术栈考虑到后续招人和...
服务器上更改了图片，但是页面访问还是原来的图片
qq_43381010的博客
03-12 6483
通过代码 把服务器上原来的图片删除了，重新上传了一个同名的图片。但是浏览器访问图片路径还是原来的图片。重启服务器才行。刷新网页、resin和tomcat都是这种情况。和浏览器缓存没有关系。路径也绝对正确。 最后找到原因： 这是因为浏览器首次读取服务端的图片之后，再次读取同名图片，会直接从临时文件中读取，不再请求服务端。如果清除浏览器缓存，则图片更新。 解决办法： 可以修改图片名，给图片加上时间戳。...
springboot+vue2解决：如果修改图片成功但是一刷新还是上一张的图片：
最新发布
zmxzmx__的博客
05-15 162
需要在成功上传图片后，将新的图片 URL 保存到 localStorage 中。这样，当您刷新页面时，form.avatarUrl 将从 localStorage 中获取到新的图片 URL。
微信小程序 图片改了，但是小程序前台还是显示以前的
weixin_34198453的博客
08-23 4165
这个问题，后台图片改了之后，要让他把路径也改了，要不然，小程序前台请求回来的数据，和之前的一致，小程序会默认从本地缓存中读取，以为你的数据没有改动，所以如果返回数据有图片的话，做更改之后，要把路径也改掉，这样小程序才会认为你的数据改了，重新请求，这样就会缓存新的数据了，也就是图片。 转载于:https://www.cnblogs.com/boboweiqi/p/9523747.html...
Vue中img路径地址不变 图片内容变化更新视图问题
weixin_53003063的博客
09-26 1846
问题：因为每次返回的图片路径都是一样的 导致渲染时每次都是第一次的图像 不会更新。背景：更新签字设置后 点击重新签名实时预览签字效果。在图片路径后追加一个随机数。这样图片就可以实时更新了。
vue中根据后端接口数据控制按钮的显示与隐藏（手动添加响应式this.$set()）
upStar1的博客
04-08 6889
项目涉及到的问题，按钮需要根据后端返回的参数情况，实现按钮的显示与隐藏。 效果如图： 1.查看后端接口 get请求，需要传businessId和compoCode两个参数，返回的data有数据就显示按钮，没数据就隐藏按钮。 2.在config.js中配置 isExistProcess: `/${version}/common/isExistProcess`, 3.准备参数 地址有了，compoCode是每个页面唯一的可直接获取，businessId是getTableData接口.
通过nginx代理vue，vue再访问后端时出错记录
Lancer0001的博客
03-23 3551
项目场景： 项目场景：项目上线测试环境 使用nginx代理出现问题 问题描述 通过nginx代理vue，vue再访问后端时，后端地址被替换成为了代理地址 例如 ： 代理地址为 127.0.0.1:8081 前端访问地址为 127.0.0.1:8888 后端访问地址为 127.0.0.1:8066 此时，正常访问的后台接口应该为 127.0.0.1:8066/xxx/xxx,但我此时的情况是 127.0.0.1:8081/xxx/xxx 原因分析： 提示：这里填写问题的分析： 我理解的，前端发了请求，
TP5后端,VUE前端请求聚合数据驾照题库
qq_38192709的博客
12-15 1847
选择效果： 演示效果： 1： Vue 配置： /config/index.js 'use strict' // Template version: 1.3.1 // see http://vuejs-templates.github.io/webpack for documentation. const path = require('path') module.exports = { dev: { // Paths assetsSubDirectory: 'static',
html图片url指向图片变化，前端不刷新。
S
10-18 7965
问题：上传一张图片，通过js更新src属性刷新图片使其即时显示时，当img的src当前的url与上次地址无变化时（只更改图片，名称不变，不同图片名称相同）图片不变化（仍显示原来的图片），因为当src的地址不变时浏览器不会重新加载图片仍从缓存里面读取。 解决： 在img的url后面增加一个无用随机参数。由于在img的src中增加了随机数参数，多次访问图片时，浏览器认为是访问了不同的图片路径(或者
修改/替换图片后网页不显示或仍显示原图解决方法
jianshuovo的博客
07-11 4644
确认图片路径无误，而且修改的地方正确。 清除浏览器缓存。 重新构建项目。 重新运行项目。
修改img的src属性刷新图片时，图片地址相同图片无变化的问题
Korbin的博客
02-01 3833
问题 在使用ElementUI中el-upload插件进行图片的上传并预览时，在第二次选择图片覆盖第一次选择的图片时，图片被覆盖，但返回的图片地址相同，此时预览的图片没变化，依旧是被覆盖前的图片。 原因 这是由于图片地址没变化浏览器依旧使用之前缓存了的图片，不会做刷新。 解决方法 在修改img的src属性的时候加上一个随机数，让浏览器以为要做一次新的请求去获取图片。 upLoadImageSucc...
图片使用url路径，改变该路径图片，页面图片不刷新问题
Aroma_paff的博客
11-12 578
可以在路径后面加上一个随机数作为参数解决该问题，如下： url: 'xxxxxxxxxxxxxxxxxxxxxxx?参数='+Math.random()
关于后端返回图片地址是同一个导致修改图片不显示
qq_46118650的博客
09-20 352
后端返回图片地址是同一个导致修改图片不显示
Vue 路径地址有变动，但是页面并没有变化原因
起飞芜湖的博客
01-12 2716
因为模板里没有加<router-view></router-view>
解决vue项目在本地正常显示，打包后图片无法正常显示的问题
qq_40090480的博客
07-24 8931
在项目中使用图片，图片一般保存在static，或者assets目录的img里，而获取图片可以使用绝对路径或者相对路径，虽然在本地使用哪种方式没有影响，但由于vue的打包问题，如果采用绝对路径，打包至线上会导致无法正常显示图片，如下图： ，当然这不是我们想要的结果，所以我们要通过将绝对路径改为相对路径的方式来解决这个问题。 一般来说，相对路径有以下几种方式： 1.src="../../../../assets/img/upload.svg" 。其中../的次数由几级目录决定 2.:src="req..
vue-element-admin——登录页面添加自定义背景
热门推荐
汪蛋的博客
10-30 1万+
vue-element-admin 初始是纯色背景，下面添加一张自己选的背景图片。 目录0. 效果图1. 操作步骤1.1 准备图片1.2 更改代码2. 保存并运行代码 0. 效果图 初始效果： 更改背景后效果： 1. 操作步骤 1.1 准备图片 准备一张想要用作背景的图片，放在下面路径 vue-element-admin-master\src\assets\login_images\login_bg.jpg 1.2 更改代码 打开下面路径的 index.vue 文件 vue-element-adm
vue从后端拿图片地址显示在前端
06-08
在Vue中从后端获取图片地址并显示在前端可以通过以下步骤实现： 1. 在Vue组件中定义一个data属性来存储后端返回的图片地址，例如： ``` 图片"> export default { data() { return { imageUrl: '' } ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值