changeOrigin: true是在配置反向代理時常見的一個選項，通常用于解決跨域請求的問題。Vue本地運行時，可能會涉及到前端應用與后端服務不在同一個域的情況，這就會觸發(fā)瀏覽器的同源策略，阻止跨域請求。
使用Vue CLI（或其他類似的工具）在本地運行時，可以通過配置代理來解決跨域問題。changeOrigin: true是其中的一個配置選項，它的作用是將請求的頭部的Host字段改為被代理服務器的Host字段。
舉例來說，假設前端應用運行在http://localhost:8080，而后端服務運行在http://localhost:3000。如果不啟用changeOrigin: true，那么通過代理發(fā)往后端的請求頭中的Host字段仍然是localhost:8080，而不是localhost:3000。有些后端服務器會根據(jù)Host字段進行處理，如果不匹配，就可能拒絕服務。
啟用changeOrigin: true會將請求頭中的Host字段更改為被代理服務器的Host，確保請求能夠正確地被后端服務器處理。
示例配置：文章來源：http://www.zghlxwxcb.cn/news/detail-802502.html
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://localhost:3000',
changeOrigin: true
}
}
}
}
上述配置表示，所有以/api開頭的請求會被代理到http://localhost:3000，并且會修改請求頭中的Host字段。這樣，你就可以在本地開發(fā)時解決跨域問題。文章來源地址http://www.zghlxwxcb.cn/news/detail-802502.html
到了這里，關于vue本地運行開發(fā)，為什么要配置changeOrigin: true的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
