vue文件上傳Required request part ‘file‘ is not present問題
更新時間:2023年11月17日 14:51:12 作者:墨水白云
這篇文章主要介紹了vue文件上傳Required request part ‘file‘ is not present問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
問題發(fā)現(xiàn)
文件上傳出現(xiàn):
Required request part ‘file’ is not present 這個錯誤且后端接口通過postman能夠請求成功,
但前端怎么也上傳不成功,明明配置好了請求頭而且數(shù)據(jù)也放置在了data中如:


問題解決
通過FormData進行文件數(shù)據(jù)的封裝保存,然后直接放入data中即可

問題展示
文件上傳接口請求格式無誤,通過Postman能夠上傳


然而請求頭Content-type格式和請求權(quán)限都配置好了,然后body中放置了內(nèi)容,然后報錯


使用axios配置請求信息


總結(jié)
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
基于Vue.js實現(xiàn)一個完整的登錄功能
在現(xiàn)代Web應(yīng)用中,用戶登錄功能是一個核心模塊,它不僅涉及到用戶身份驗證,還需要處理表單驗證、狀態(tài)管理、接口調(diào)用等多個環(huán)節(jié),本文將基于一個Vue.js項目中的登錄功能實現(xiàn),深入解析其背后的技術(shù)細節(jié),幫助開發(fā)者更好地理解和實現(xiàn)類似功能,需要的朋友可以參考下
2025-02-02
不同場景下Vue中虛擬列表實現(xiàn)
虛擬列表用來解決大數(shù)據(jù)量數(shù)據(jù)渲染問題,由于一次性渲染性能低,所以誕生了虛擬列表渲染,下面我們就來學(xué)習(xí)一下不同場景下Vue中虛擬列表是如何實現(xiàn)的吧
2023-10-10
vue.js指令和組件詳細介紹及實例
這篇文章主要介紹了vue.js功能介紹 - 指令,組件詳細介紹及實例,詳細的介紹了指令和組件的用法,有興趣的可以了解一下。
2017-04-04
vue3如何使用setup代替created
Vue3中的setup是一個新的生命周期函數(shù),它可以用來代替組件中的 data和一些生命周期函數(shù)(如created和beforeMount),這篇文章主要介紹了vue3如何使用setup代替created的相關(guān)資料,需要的朋友可以參考下
2023-09-09
Vuex中Store的簡單實現(xiàn)
這篇文章主要介紹了Vuex中Store的簡單實現(xiàn),為了在 Vue 組件中訪問 this.$store property,你需要為 Vue 實例提供創(chuàng)建好的 store,Vuex 提供了一個從根組件向所有子組件,以 store 選項的方式 注入 該 store 的機制,需要的朋友可以參考下
2023-11-11
Vue使用axios進行數(shù)據(jù)異步交互的方法
大家都知道在Vue里面有兩種出名的插件能夠支持發(fā)起異步數(shù)據(jù)傳輸和接口交互,分別是axios和vue-resource,同時vue更新到2.0之后,宣告不再對vue-resource更新,而是推薦的axios,今天就講一下怎么引入axios,需要的朋友可以參考下
2024-01-01
Vue監(jiān)聽屬性和計算屬性
這篇文章主要介紹了Vue監(jiān)聽屬性和計算屬性,基本用法添加watch屬性,值為一個對象。對象的屬性名就是要監(jiān)視的數(shù)據(jù),屬性值為回調(diào)函數(shù),每當這個屬性名對應(yīng)的值發(fā)生變化,就會觸發(fā)該回調(diào)函數(shù)執(zhí)行,下面來看詳細內(nèi)容,需要的朋友也可以參考一下
2021-12-12