iview Upload组件如何实现跨域文件上传？

Question

<Upload action="/sys/mts/uploadFile"
                :headers="headers"
                :with-credentials= true
                :before-upload="handleUpload"
                :show-upload-list="showUploadList"
                style="margin-left: 131px; margin-top: -30px;"
        ></Upload>

相关内容补充:

 headers: {
    'Access-Control-Allow-Origin' : '*'
},
credentials: true

谢谢各位大佬！

Answer 1

请问解决了吗，我也遇到这种情况了

Answer 2

'Access-Control-Allow-Origin' : '*'要在后台设置 前台设置没用 反而会让请求变成非简单请求

Answer 3

跨域文件上传实际上就是跨域请求，如果你是vue-cli生成的项目，在config文件下，找到index.js，在里面配置跨域就行了。例如： proxyTable: { '/api': { target: '你的服务器地址', changeOrigin: true, pathRewrite: { '^/api': '', }, } }, 请求时，在所有接口前面加上/api/你的接口名称，就可以实现跨域。

Answer 4

设置了代理也是没用是，为什么？