項目需求:
上傳各種文件朵栖,圖片,office類型的文件
(圖片具有預覽功能)
本來office文件也需要預覽功能剔宪,但是后面取消了該功能,其實前端的做法和圖片預覽的一樣壹无。只不過是需要第三方地址來在線預覽葱绒。
實現(xiàn)框架:vue-element
遇到的問題:后臺無法拿到token
這是element的寫法
在項目中我直接使用vue-element的上傳組件,發(fā)現(xiàn)出現(xiàn)session丟失斗锭,后端無法獲取到sessionid地淀,導致返回狀態(tài)為未登陸。每一次請求都是顯示未登錄岖是。
解決方法:
添加這個屬性?
with-credentials為true支持發(fā)送 cookie 憑證信息
添加了這個屬性即可
問題二:后臺返回的圖片地址在瀏覽器地址欄輸入沒問題帮毁,但是在頁面顯示失效的問題
原因:
通常后臺返回的圖片地址,都應該是完整的豺撑。
但是如果后臺沒有處理烈疚,他可能返回了地址是 域名加圖片信息,例如127.1.*.*這種聪轿。
因為我們復制到瀏覽器的時候爷肝,瀏覽器會自動為圖片地址加上http,所以我們可以看到。
所以陆错,如果我們在頁面上無法顯示時可以使用拼接http字符串