首頁猿問 iview...

iview Upload組件如何實(shí)現(xiàn)跨域文件上傳？

Java

有只小跳蛙 2019-01-16 01:23:03

<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> 相關(guān)內(nèi)容補(bǔ)充: headers: { 'Access-Control-Allow-Origin' : '*' }, credentials: true 謝謝各位大佬！

查看完整描述

5 回答

蝴蝶刀刀

TA貢獻(xiàn)1801條經(jīng)驗(yàn) 獲得超8個贊

請問解決了嗎，我也遇到這種情況了

反對回復(fù) 2019-03-01

米琪卡哇伊

TA貢獻(xiàn)1998條經(jīng)驗(yàn) 獲得超6個贊

'Access-Control-Allow-Origin' : '*'要在后臺設(shè)置前臺設(shè)置沒用反而會讓請求變成非簡單請求

反對回復(fù) 2019-03-01

陪伴而非守候

TA貢獻(xiàn)1757條經(jīng)驗(yàn) 獲得超8個贊

跨域文件上傳實(shí)際上就是跨域請求，如果你是vue-cli生成的項(xiàng)目，在config文件下，找到index.js，在里面配置跨域就行了。例如：

proxyTable: {
      '/api': {
        target: '你的服務(wù)器地址',      
        changeOrigin: true,
        pathRewrite: {
          '^/api': '',
        },
      }
    },

請求時，在所有接口前面加上/api/你的接口名稱，就可以實(shí)現(xiàn)跨域。

反對回復(fù) 2019-03-01