javascript - Element ui vue2.0中upload组件加入的上传地址不可跨域

问题描述

问 题

以下是代码，问题是我在action中加入的参数就不能跨域，我用this.$http.get中的URL访问地址也是一样的。在这个组件里面就提示我不能跨域。请各位大牛讲解其中的缘由以及如何解决该问题。

<el-upload
      class="upload-demo"
      ref="upload"
      action="//10.1.39.46:8085/pas/activiti/excelFile"
      :on-preview="handlePreview"
      :on-remove="handleRemove"
      :file-list="fileList"
      :auto-upload="true">
 <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
 <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button>
 <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
 </el-upload>

解决方案

此问题的解决办法不在组件本身，可能会根据服务端的设置不同的结构会产生不同的请求头，这是个别的情况。如果只是想单纯的完成跨域，只需要服务端设置成允许跨域就完全可以。

这篇关于javascript - Element ui vue2.0中upload组件加入的上传地址不可跨域的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！