在 webpack 的配置文件 webpack.config.js 中有一個配置項 devServer 里面有一個屬性是 proxy，這里面可以配置代理服務(wù)器，解決跨域問題，請參考官網(wǎng)。
一般來說 webpack 的代理就是說的開發(fā)服務(wù)器 webpack-dev-server。
其實不光是 webpack 其他的打包工具比如是 vite，也有代理的功能，也是開發(fā)服務(wù)器。
webpack-dev-server 的工作原理本質(zhì)是利用了 http-proxy-middleware 這個 http 代理中間件，實現(xiàn)請求轉(zhuǎn)發(fā)給其他服務(wù)器，webpack-dev-server 是基于 express 實現(xiàn)的，而 express 的本質(zhì)就是利用了 node? 的 http 這個原生模塊。文章來源：http://www.zghlxwxcb.cn/news/detail-833711.html
在跨域請求，webpack-dev-server 利用 http-proxy-middleware 啟動一個開發(fā)服務(wù)器，然后這個開發(fā)服務(wù)器配置本地允許跨域請求，然后將數(shù)據(jù)轉(zhuǎn)發(fā)給實際的服務(wù)器，要知道服務(wù)器之間的通信是不存在跨域問題的，所以相當于開發(fā)服務(wù)器做一個代理，從而實現(xiàn)跨域請求。文章來源地址http://www.zghlxwxcb.cn/news/detail-833711.html
到了這里，關(guān)于【前端工程化面試題】webpack proxy的工作原理，為什么能解決跨域問題的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
