Vue+SpringBoot实现文件预览

一、前端代码

此处比较简陋，就用了一个window.open(“后端访问地址”)

二、后端代码

1.设置访问静态资源的地址映射

新建了一个配置类，用于映射静态资源的地址。

@Configuration
public class WebMvcConfig extends WebMvcConfigurerAdapter {
    /**
     * 这里是映射文件路径的方法
     */
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry){ 										     registry.addResourceHandler("/radar/static/**").addResourceLocations("file:/E:/files/");
    }
}

说明：如果前端需要访问资源test.pdf，则访问后端的地址为：localhost:8080/radar/static/test.pdf。添加了这个映射之后，会到服务器的E:/files/下面寻找test.pdf文件进行访问。