后端图片存储绝对路径，Vue前端展示报错

因为有个EXCEL导出功能，用户需要知道图片在电脑盘符位置，因此数据库不能直接存项目地址，因此想到一个解决办法

首先在后端指定映射虚拟路径，将盘符路径直接映射到项目路径，用来保证前端vue访问

这样操作后，数据库字段依然是盘符路径，前端朋友提出用require(‘+图片地址’)可做显示，但是需求是列表显示图片，所以否决了（也可能是自己深度不够），所以在列表渲染时加了个方法

将文件名拆分出来，重新拼接项目地址字符串

渲染成功
注：需注意进方法之前，对值判空，否则可能整个列表数据因为单个空值，全部失效
ps:前端朋友评价歪门邪道，哈哈哈哈哈

后端图片存储绝对路径，Vue前端展示报错相关推荐

SourceTree提交vue前端代码报错git -c diff.mnemonicprefix=false -c core.quotepath=false commit -q -F C:\Users\
完整报错如下: git -c diff.mnemonicprefix=false -c core.quotepath=false commit -q -F C:\Users\honry.guan\Ap ...
解决 VUE前端项目报错： Uncaught ReferenceError : initPage is not defined （initPage 方法是有的，依旧报错找不到）
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 1. 明明代码中定义了 initPage 这个方法,,却一直报找不到这个方法: Uncaught R ...
解决 VUE前端项目报错：RangeError: Maximum call stack size exceeded
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 1. 我点击菜单按钮报错: RangeError: Maximum call stack size ...
关于前端接口报错500原因
关于前端接口报错500原因 1.前端与后端入参有出入 2.前端请求头与后端有出入造成, 下面展示一些内联代码片. Content-Type: application/x-www-form-urlen ...
Vue项目初期报错问题记录大全
这里写自定义目录标题 Vue项目初期报错问题记录大全 1.vs终端无报错,浏览器加载空白,发现Cannot read properties of null (reading 'nextSibling' ...
Vue脚手架运行报错-4058
问题描述 Vue脚手架运行报错-4058: PS E:\前端> npm run serve npm ERR! code ENOENT npm ERR! syscall open npm ERR! ...
vue重复路由报错解决
vue重复路由报错解决 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation- 分为三种解决方式 1.捕获异 ...
部署vue element-ui admin报错(vue2)
部署vue element-ui admin报错(vue2) 目录部署vue element-ui admin报错(vue2) 一.官方安装说明二.部署报错的关键影响因素 2.1."开发 ...
vue遇到ie兼容问题如何处理_详解vue 兼容IE报错解决方案
IE 页面空白报错信息此时页面一片空白报错原因 Babel 默认只转换新的 JavaScript 语法(如箭头函数),而不转换新的 API ,比如 Iterator.Generator.Set. ...

后端图片存储绝对路径，Vue前端展示报错

后端图片存储绝对路径，Vue前端展示报错相关推荐

最新文章

热门文章