解決使用elementUI框架el-upload上傳組件時cookie丟失問題


后台使用el-upload完成上傳,有時候會發現無法上傳成功,會重定向至登錄頁面。

檢查發現url請求並未添加cookie請求,cookie丟失導致無法完成驗證。

el-upload組件默認請求是不帶cookie的

解決方法:
設置屬性with-credentials為true支持發送 cookie 憑證信息(:with-credentials='true')

如果按上面的方式處理,問題還存在,可能是你的網站存在虛擬目錄導致。

給el-upload的action賦值的url地址必須是完整的根目錄路徑(/虛擬名錄名稱/上傳的url地址)

此處強調:虛擬目錄名稱需要和你存儲cookie的時候虛擬目錄名稱一樣,建議大小寫保持一致

      <el-upload
           class="upload-demo"
           ref="upload"
           :action="action_url"
           name="file"
           :with-credentials='true'
           :limit="1"
           :file-list="fileList"
           :auto-upload="false">
         <el-button size="small" type="primary">選擇文件</el-button>
         <div slot="tip" class="el-upload__tip"></div>
      </el-upload>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM