element plus的el-image图片发布到nginx不显示

问题:

复制代码
<el-image alt=""
  src="/img/month-b.png" class="card-icon"
  style="width: 89px;height: 89px;right: -7px;top: -5px;"/>

部署到nginx二级路由访问地址是:

http://192.168.1.207/divided/#

这时候使用el-image包裹的图片显示不了

只能先改成原生img

复制代码
<img
  src="/images/month-b.png" class="card-icon"
  style="width: 89px;height: 89px;right: -7px;top: -5px;"/>

二级路由发布到nginx配置参考

Vue3+Vite Nginx部署 跨域-CSDN博客

相关推荐
专注VB编程开发20年13 分钟前
jss html5-node.nodeType 属性用于表示节点的类型
前端·js
烛阴1 小时前
Promise无法中断?教你三招优雅实现异步任务取消
前端·javascript
GUIQU.1 小时前
【Vue】单元测试(Jest/Vue Test Utils)
前端·vue.js
暮乘白帝过重山1 小时前
Ollama 在本地分析文件夹中的文件
前端·chrome·ollama
一只小风华~1 小时前
Web前端开发:CSS Float(浮动)与 Positioning(定位)
前端·css·html·html5·web
前端张三2 小时前
vue3中ref在js中为什么需要.value才能获取/修改值?
前端·javascript·vue.js
moyu842 小时前
前端从后端获取数据的流程与指南
前端
爱的叹息2 小时前
解决 Dart Sass 的旧 JS API 弃用警告 的详细步骤和解决方案
javascript·rust·sass
涛哥码咖2 小时前
Rule.resourceQuery(通过路径参数指定loader匹配规则)
前端·webpack
夕水2 小时前
这个提升效率宝藏级工具一定要收藏使用
前端·javascript·trae