项目需求:
上传各种文件,图片,office类型的文件
(图片具有预览功能)
本来office文件也需要预览功能,但是后面取消了该功能,其实前端的做法和图片预览的一样。只不过是需要第三方地址来在线预览。
实现框架:vue-element
遇到的问题:后台无法拿到token
在项目中我直接使用vue-element的上传组件,发现出现session丢失,后端无法获取到sessionid,导致返回状态为未登陆。每一次请求都是显示未登录。
解决方法:
添加这个属性
with-credentials为true支持发送 cookie 凭证信息
问题二:后台返回的图片地址在浏览器地址栏输入没问题,但是在页面显示失效的问题
原因:
通常后台返回的图片地址,都应该是完整的。
但是如果后台没有处理,他可能返回了地址是 域名加图片信息,例如127.1.*.*这种。
因为我们复制到浏览器的时候,浏览器会自动为图片地址加上http,所以我们可以看到。
所以,如果我们在页面上无法显示时可以使用拼接http字符串