后端需要配置静态文件路径:
有两种方式:
第一种在 application.yml中添加代码如下:
web:
upload-path: E:\image
#spring配置
spring:
mvc:
static-path-pattern: /**
resources:
static-locations: classpath:/META-INF/resources/,classpath:/resources/,\classpath:/static/,classpath:/public/,file:${web.upload-path}
第二种在 application.properities中添加代码如下:
#允许本地静态文件
spring.mvc.static-path-pattern=/**
spring.resources.static-locations=classpath:/META-INF/resources/,classpath:/resources/,\
classpath:/static/,classpath:/public/,file:${upload-file-path}
application.properities文件中的 file:${upload-file-path}可以在 application-prod.properties 或 application-dev.properties 中设置
#上传文件的文件夹(需要手动创建)
upload-file-path=E://image/
1、
这时候前段想访问E:\image文件夹下的图片,后端需要返回给前段的图片访问路径是:http:ip:端口/图片名字 ip为服务器ip, 本地可以用127.0.0.1 也可以用本机电脑的局域网ip如: 192.168.1.2 端口为项目启动时占用的端口
比如 : http:127.0.0.1:9080/123.png http:192.168.1.2:9080/123.png
由于设置了上传路径upload-path: E:\image 或upload-file-path=E://image/ 所以系统默认直接读取
E:\image文件夹下的内容,所以 E:\image作为根路径,在返回给前段的url中不用写/image
2、
如果在E:\image文件夹下再新建一个叫 content的文件夹,将文件上传到content文件夹下,这时候前段想查看content文件夹下的图片,
我们就需要返回给前段这样的url : http:ip:端口/content/图片名字
比如 : http:127.0.0.1:9080/content/123.png
3、
如果 static-path-pattern: /static/** 在访问图片的时候就需要在url中加 "static"
比如: http:127.0.0.1:9080/static/123.png