替换站点图片文件夹内png文件后访问对应URL仍显示旧图无法更新求助
我需要更新一张图片,因此直接替换了images文件夹内的.png文件,预期该操作可生效 :) 对应路径为:
...\Client\assets\images\faqs\edit-delete-alert.png。
目前访问URLhttp://localhost:4488/assets/images/faqs/edit-delete-alert.png时显示的仍是旧图片,新文件的访问路径为http://localhost:4488/Client/assets/images/faqs/edit-delete-alert.png。
我已经尝试重启IIS、清除Chrome缓存、执行npm run build命令,但问题仍未解决。我不是UI开发人员,恳请大家帮忙提供解决方法 :)
谢谢,
Slava
解决方案
核心问题为IIS站点根目录映射与项目静态资源路径配置不匹配,可按以下步骤逐一排查解决:
- 调整IIS站点物理路径配置
打开IIS管理器,找到对应本地站点,右键选择【管理网站】-【高级设置】,查看【物理路径】参数:如果当前路径指向项目根文件夹,直接修改为指向根目录下的Client文件夹,保存后重启站点即可让/assets/...路径正确访问到新资源。 - 清理旧构建产物后重新编译
若无需调整IIS配置,先手动删除项目中npm run build输出的产物文件夹(通常为dist或build文件夹,可查看package.json的build命令配置确认路径),再重新执行npm run build命令,避免旧构建资源残留导致路径映射异常。 - 修正前端打包公共路径配置
打开项目根目录下的打包配置文件(Vue项目对应vue.config.js、Vite项目对应vite.config.js、Webpack项目对应webpack.config.js),查找publicPath(部分框架配置项名为base)参数:- 若需要站点直接从根路径访问,将参数值改为
/ - 若需要保留
/Client前缀访问路径,保持参数值为/Client/即可,后续统一使用带/Client的资源路径访问
- 若需要站点直接从根路径访问,将参数值改为
- 强制刷新验证结果
配置修改完成后,在Chrome页面按Ctrl+Shift+R执行强制无缓存刷新,验证资源路径是否正常。
内容的提问来源于stack exchange,提问作者Владислав Тихонюк
相关产品推荐
相关产品推荐

