1. 程式人生 > 實用技巧 >解決使用elementUI框架el-upload上傳元件時cookie丟失問題

解決使用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>