溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
vue-cli3跨域配置：
在vue-resource的數據請求中，一般我們會將請求方式GET/POST修改為jsonp的請求方式就可以實現跨域。
但是對于只支持GET/POST兩種請求方式的api，修改jsonp，就會出錯。需要進行跨域的配置。
(1)在文件根目錄下，創建vue.config.js配置文件，具體配置如下：
module.exports={
//將baseUrl：'/api',改為baseUrl：'/'
baseUrl:'/',
devServer:{
'/api':{
target:'http://apis.juhe.cn/',
changeOrigin:true,
ws:true,
pathRewrite:{
'^/api':''
}
}
}}
(2)在文件根目錄下,創建.env.development 用作開發環境變量設置。
在.env.development文件下設置變量 VUE_APP_BASE_API=/api 即可將devServer的proxy重寫的url賦值給VUE_APP_BASE_API
(3)讀取配置的變量，通過process.env.VUE_APP_XX(process.env.VUE_APP_BASE_API)來讀取。
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，謝謝大家對億速云的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
