vue elementui el-image 跨域text plain

如果你想在 Vue 中使用 Element UI 的 el-image 组件加载跨域的 text/plain 类型的图片，需要在服务器端设置响应头部，允许跨域访问。你可以在服务器端的响应头部中添加 Access-Control-Allow-Origin:*，来允许所有来源的跨域请求。例如，在 Node.js 中使用 Express 框架，可以使用以下代码设置响应头部：

app.use(function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  next();
});

如果你已经设置了正确的响应头部，但仍然无法加载跨域的 text/plain 类型的图片，可以尝试在 el-image 组件中添加 crossorigin="anonymous" 属性。例如：

<el-image
  src="https://example.com/image.txt"
  :crossorigin="anonymous"
></el-image>

这样设置之后，el-image 组件会以跨域的方式加载图片，避免浏览器拒绝加载跨域的资源。