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博客

相关推荐
一心只读圣贤书4 分钟前
AI 辅助前端空状态体验治理:从无数据页面到可行动引导
前端·人工智能
沐土Arvin5 分钟前
音频h5录制开发
前端
PedroQue995 分钟前
uni-app路由插件化:解锁高效开发新姿势
前端·uni-app
何时梦醒8 分钟前
TypeScript 类型系统核心:type 与 interface 全方位深度对比(附实战案例)
前端·面试·typescript
渣波12 分钟前
TS 必考题深度解析:type 与 interface 的终极对决
前端·javascript
书源12 分钟前
AI 能写代码之后,前端工程师的价值在哪里?
前端·面试·程序员
恋猫de小郭21 分钟前
Flutter iOS Deep Link 为什么会突然失效:一系列难以言喻的问题
android·前端·flutter
Full Stack Developme32 分钟前
跨站脚本攻击 (XSS) 是什么 设计及工作原理
前端·xss
进击的蛋蛋35 分钟前
JS对象拷贝
前端
一心只读圣贤书38 分钟前
AI 辅助前端组件文档治理:从 Props 说明到交互示例生成
前端