溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要講解了VueCli4項目怎么配置反向代理proxy，內容清晰明了，對此有興趣的小伙伴可以學習一下，相信大家閱讀完之后會有幫助。
Vue Cli4創建項目之后，沒有配置vue.config.js，如果直接發起axios請求，可能會引起跨域問題.
以豆瓣電影首頁的最近熱門 為例：
axios({
method: "get",
url: "https://movie.douban.com/j/search_subjects",
params: {
type: "movie",
tag: "熱門",
page_limit: 50,
page_start: 0
}
}).then(res => {
console.log(res.data);
});如果直接發起請求必然會引起跨域錯誤，只需要在項目根目錄手動創建vue.config.js文件：
module.exports = {
devServer: {
proxy: {
"/j": {
target: "https://movie.douban.com",
changeOrigin: true
}
}
}
};然后修改axios請求的url地址：
url:"/j/search_subjects"
最后 重啟該項目 重啟該項目 重啟該項目 即可
看完上述內容，是不是對VueCli4項目怎么配置反向代理proxy有進一步的了解，如果還想學習更多內容，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
