存放在数据库中的路径/profile/imgFile/2022/01/12/7b8b8f1b-ee8b-4cd4-a623-b200ab64f6f0.jpg

# Vue管理系统/开发环境 dev-api

VUE_APP_BASE_API = 'http://localhost:7777/citylife'

在.vue中显示时,这个路径 前面需要加上项目端口号和项目名。:src="pjtUrl+scope.row.img"

<el-image :src="pjtUrl+scope.row.img" style="width: 50px;height: 50px" fit="cover"/>
data() {
  return {
    pjtUrl:process.env.VUE_APP_BASE_API}}
ResourcesConfig 里面的 addResourceHandlers方法里面配置了
/** 本地文件上传路径 */
registry.addResourceHandler(Constants.RESOURCE_PREFIX + "/**").addResourceLocations("file:" + RuoYiConfig.getProfile() + "/");

在application.yml中变量profile
# 文件路径 示例( Windows配置D:/ruoyi/uploadPath,Linux配置 /home/ruoyi/uploadPath)
profile: G:/ruoyi/uploadPath

在Constants.java中

/**
 * 资源映射路径 前缀 RESOURCE_PREFIX
 */
public static final String RESOURCE_PREFIX = "/profile";

registry.addResourceHandler("/profile/**".addResourceLocations("file:G:/ruoyi/uploadPath/")

Logo

快速构建 Web 应用程序

更多推荐