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

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