当前位置: 首页 > news >正文

【前端工程化面试题】webpack proxy的工作原理,为什么能解决跨域问题

在 webpack 的配置文件 webpack.config.js 中有一个配置项 devServer 里面有一个属性是 proxy,这里面可以配置代理服务器,解决跨域问题,请参考官网。

一般来说 webpack 的代理就是说的开发服务器 webpack-dev-server。

其实不光是 webpack 其他的打包工具比如是 vite,也有代理的功能,也是开发服务器。

webpack-dev-server 的工作原理本质是利用了 http-proxy-middleware 这个 http 代理中间件,实现请求转发给其他服务器,webpack-dev-server 是基于 express 实现的,而 express 的本质就是利用了 node  的 http 这个原生模块。

在跨域请求,webpack-dev-server 利用 http-proxy-middleware 启动一个开发服务器,然后这个开发服务器配置本地允许跨域请求,然后将数据转发给实际的服务器,要知道服务器之间的通信是不存在跨域问题的,所以相当于开发服务器做一个代理,从而实现跨域请求。

相关文章:

  • devc++ 使用 winsock 实现 UDP 广播
  • Rust 初体验6
  • phpstrom创建thinkphp项目
  • 【Webpack】处理 js 资源
  • C++运算符重载(日期类的运算符重载为例)
  • js---webAPI
  • 原型设计模式
  • 工作心得——css让元素居中的方法
  • 嵌入式linux驱动开发篇之设备树
  • php 数组函数
  • 关于jupyter的一些小笔记
  • Linux第48步_编译正点原子的出厂Linux内核源码
  • 【精选】Java面向对象进阶——接口细节:成员特点和接口的各种关系
  • 随想录刷题笔记 —二叉树篇7 617合并二叉树 700二叉搜索树中的搜索 98验证二叉搜索树
  • C++数据结构与算法——双指针法
  • [译] 怎样写一个基础的编译器
  • ComponentOne 2017 V2版本正式发布
  • Flannel解读
  • httpie使用详解
  • java概述
  • Java新版本的开发已正式进入轨道,版本号18.3
  • java中的hashCode
  • jquery cookie
  • Shadow DOM 内部构造及如何构建独立组件
  • SpringCloud集成分布式事务LCN (一)
  • 安装python包到指定虚拟环境
  • 关于for循环的简单归纳
  • 基于MaxCompute打造轻盈的人人车移动端数据平台
  • 基于游标的分页接口实现
  • 开源中国专访:Chameleon原理首发,其它跨多端统一框架都是假的?
  • 说说动画卡顿的解决方案
  • No resource identifier found for attribute,RxJava之zip操作符
  • kubernetes资源对象--ingress
  • ​​​​​​​GitLab 之 GitLab-Runner 安装,配置与问题汇总
  • # Swust 12th acm 邀请赛# [ A ] A+B problem [题解]
  • # 透过事物看本质的能力怎么培养?
  • (aiohttp-asyncio-FFmpeg-Docker-SRS)实现异步摄像头转码服务器
  • (pojstep1.1.2)2654(直叙式模拟)
  • (免费领源码)python+django+mysql线上兼职平台系统83320-计算机毕业设计项目选题推荐
  • (一) springboot详细介绍
  • (一)Neo4j下载安装以及初次使用
  • (已解决)报错:Could not load the Qt platform plugin “xcb“
  • (转)IIS6 ASP 0251超过响应缓冲区限制错误的解决方法
  • (转)人的集合论——移山之道
  • *(长期更新)软考网络工程师学习笔记——Section 22 无线局域网
  • .Net 转战 Android 4.4 日常笔记(4)--按钮事件和国际化
  • .Net7 环境安装配置
  • .NetCore 如何动态路由
  • .NET企业级应用架构设计系列之开场白
  • .NET使用HttpClient以multipart/form-data形式post上传文件及其相关参数
  • .NET使用存储过程实现对数据库的增删改查
  • .NET学习全景图
  • .NET值类型变量“活”在哪?
  • .xml 下拉列表_RecyclerView嵌套recyclerview实现二级下拉列表,包含自定义IOS对话框...
  • @KafkaListener注解详解(一)| 常用参数详解