直接添加referrerpolicyno-referrer完整示例template el-image :src${realSrc} fitcover :stylewidth:${realWidth};height:${realHeight}; :preview-src-listrealSrcList referrerpolicyno-referrer div sloterror classimage-slot i classel-icon-picture-outline/i /div /el-image /template script import { isExternal } from /utils/validate export default { name: ImagePreview, props: { src: { type: String, default: }, width: { type: [Number, String], default: }, height: { type: [Number, String], default: } }, computed: { realSrc() { if (!this.src) { return } let real_src this.src.split(,)[0] if (isExternal(real_src)) { return real_src } return process.env.VUE_APP_BASE_API real_src }, realSrcList() { if (!this.src) { return } let real_src_list this.src.split(,) let srcList [] real_src_list.forEach(item { if (isExternal(item)) { return srcList.push(item) } return srcList.push(process.env.VUE_APP_BASE_API item) }) return srcList }, realWidth() { return typeof this.width string ? this.width : ${this.width}px }, realHeight() { return typeof this.height string ? this.height : ${this.height}px } } } /script style langscss scoped .el-image { border-radius: 5px; background-color: #ebeef5; box-shadow: 0 0 5px 1px #ccc; ::v-deep .el-image__inner { transition: all 0.3s; cursor: pointer; :hover { transform: scale(1.2); } } ::v-deep .image-slot { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; color: #909399; font-size: 30px; } } /style