首页 > 编程语言 > 详细

springboot+vue实现本地图片访问

时间:2020-12-09 21:02:59      阅读:162      评论:0      收藏:0      [点我收藏+]

后端代码,实现WebMvcConfigurer类,重写addResourceHandlers方法,定义虚拟路径,同时有拦截时对/img/**放行

package com.seu.config;

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
import org.springframework.beans.factory.annotation.Value;
@Configuration
public class MyInterceptorConfig implements WebMvcConfigurer {
    //文件地址
    @Value("${user.avatar.path}")
    private String USER_AVATAR_PATH;

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/img/**").addResourceLocations("file:"+USER_AVATAR_PATH );
    }
}

前端代码,前端直接通过(/img/+图片名)即可访问

<img class="header-picture" :src="‘/img/‘+updateDataFrom.avatar">
    

 

springboot+vue实现本地图片访问

原文:https://www.cnblogs.com/l3344/p/14110329.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!