vue+springboot图片上传,addResourceHandlers调用无效
當vue前端上傳一張圖片到sptingboot后臺文件夾下的時候,需要重啟啟動后臺項目,才可以在瀏覽器中訪問剛剛上傳的這張圖片,如在瀏覽器輸入:
http://localhost:8188/123.jpg123.jpg前面都是你后臺項目的訪問路徑,因為你的圖片已經保存到后臺了,所以通過http://localhost:8188+圖片名稱就可以訪問圖片,解決的方法就是寫一個配置類,如下,但是配置完之后還是調用不了,證明addResourceHandlers調用無效
項目文件目錄:
配置類代碼:
import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry; import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;@Configuration public class MyPicConfig implements WebMvcConfigurer {@Overridepublic void addResourceHandlers(ResourceHandlerRegistry registry) {registry.addResourceHandler("/upload/**").addResourceLocations("file:E:/NodeDemo/resources/static/upload/");} }這里講一下:
1.addResourceLocations("file:E:/NodeDemo/resources/static/upload/")里面的參數必須要寫成"file:+路徑"的形式,該路徑一直到你上傳圖片的位置
1.addResourceLocations("file:E:/NodeDemo/resources/static/upload/")路徑最后面的斜杠必須加,要不可以測試一下,是不會成功的
2.上傳圖片的位置不可以是static,要在static下重新創建一個文件夾upload來存放你的圖片
3.在瀏覽器訪問圖片的時候一定要加上upload,如:http://localhost:8188/upload/123.jpg
如果按照上面的代碼運行,addResourceHandlers調用無效那么證明你將上傳圖片的路徑寫到了static中而不是static下的upload
總結
以上是生活随笔為你收集整理的vue+springboot图片上传,addResourceHandlers调用无效的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: vue 在进入某一个页面的时候,crea
- 下一篇: vue+springboot-前台怎么回