vue-cli3跨域配置：

在vue-resource的數(shù)據(jù)請求中，一般我們會將請求方式GET/POST修改為jsonp的請求方式就可以實(shí)現(xiàn)跨域。

但是對于只支持GET/POST兩種請求方式的api，修改jsonp，就會出錯。需要進(jìn)行跨域的配置。

(1)在文件根目錄下，創(chuàng)建vue.config.js配置文件，具體配置如下：

module.exports={//將baseUrl：'/api',改為baseUrl：'/'baseUrl:'/',devServer:{  '/api':{    target:'http://apis.juhe.cn/',    changeOrigin:true,    ws:true,    pathRewrite:{      '^/api':''     }       }}}

(2)在文件根目錄下,創(chuàng)建.env.development 用作開發(fā)環(huán)境變量設(shè)置。

在.env.development文件下設(shè)置變量 VUE_APP_BASE_API=/api 即可將devServer的proxy重寫的url賦值給VUE_APP_BASE_API

(3)讀取配置的變量，通過process.env.VUE_APP_XX(process.env.VUE_APP_BASE_API)來讀取。

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，謝謝大家對武林網(wǎng)的支持。