解決使用elementUI框架el-upload上傳元件時cookie丟失問題
阿新 • • 發佈:2020-12-02
後臺使用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>