element的上传

项目需求：

上传各种文件，图片，office类型的文件

（图片具有预览功能）

本来office文件也需要预览功能，但是后面取消了该功能，其实前端的做法和图片预览的一样。只不过是需要第三方地址来在线预览。

实现框架：vue-element

遇到的问题：后台无法拿到token

这是element的写法

在项目中我直接使用vue-element的上传组件，发现出现session丢失，后端无法获取到sessionid，导致返回状态为未登陆。每一次请求都是显示未登录。

解决方法：

添加这个属性 

with-credentials为true支持发送 cookie 凭证信息

添加了这个属性即可

问题二：后台返回的图片地址在浏览器地址栏输入没问题，但是在页面显示失效的问题

原因：

通常后台返回的图片地址，都应该是完整的。

但是如果后台没有处理，他可能返回了地址是 域名加图片信息，例如127.1.*.*这种。

因为我们复制到浏览器的时候，浏览器会自动为图片地址加上http,所以我们可以看到。

所以，如果我们在页面上无法显示时可以使用拼接http字符串