说说webpack proxy工作原理？为什么能解决跨域

webpack proxy ，即 webpack 提供的代理服务

基本行为就是接收客户端发送的请求后转发给其他服务器

其目的是为了便于开发者在开发模式下解决跨域问题（浏览器安全策略限制）

想要实现代理首先需要一个中间服务器， webpack 中提供服务器的工具为 webpack-dev-server

webpack-dev-server 是 webpack 官方推出的一款开发工具，将自动编译和自动刷新浏览器等一系列对开发友好的功能全部集成在了一起

目的是为了提高开发者日常的开发效率， 只适用在开发阶段

关于配置方面，在 webpack 配置对象属性中通过 devServer 属性提供，如下：

devServetr 里面 proxy 则是关于代理的配置，该属性为对象的形式，对象中每一个属性就是一个代理的规则匹配

属性的名称是需要被代理的请求路径前缀，一般为了辨别都会设置前缀为 /api ，值为对应的代理匹配规则，对应如下：

proxy 工作原理实质上是利用 >

Web Server中文名称叫网页服务器或web服务器。WEB服务器也称为)>

扩展资料：

Web服务器传送(serves)页面使浏览器可以浏览，然而应用程序服务器提供的是客户端应用程序可以调用(call)的方法(methods)。确切一点，你可以说：Web服务器专门处理>

参考资料来源：百度百科-WEB服务器

参考资料来源：百度百科-Web Server

  
注意：如果需要安装nginx或者需要使用80或443端口可以先安装nginx再安装服务，因为之前先安装了只会先是80端口被占用，后面查到一个服务给关闭了，然后又443被占用，他们都是一个system的程序占用了,如果能查出来是哪个服务占用的就可以随便先安装哪个了

第一篇： 腾讯云windows server2019设置服务，可用于域名调试本地项目(一)部署

第二篇： 腾讯云windows server2019设置服务，可用于域名调试本地项目(二)部署nginx

环境：

腾讯云 1核 2GB 1Mbps，年费很便宜，可以用来测试使用

新装的系统，设置一下

1、默认会打开服务器管理器，或者可以在开始菜单搜索服务器管理器即可

2、然后在管理中选择添加角色和功能

3、下一步，默认选择基于角色或基本功能的安装

4、下一步，默认选择从服务器池中选择服务器

5、下一步，在服务器角色中选择“远程访问”

6下一步，在功能中默认选择就可以了

7、下一步，在角色服务中选择DirectAccess 和 (RAS)、路由，勾选后会d出框，直接确认即可

8、下一步，在web服务器角色中的角色服务也默认选择即可

9、下一步，点击安装，然后等待，过程可能有些久，安装完成后点击关闭

10、然后还是在服务器管理器中会有个感叹号，点击它，然后点击打开开始向导

11、d出配置远程访问，选择仅部署

12、点击右键，选择配置并启动路由和远程访问

13、下一步，选择自定义配置

14、下一步，选择访问和NAT(A)

15、下一步，点击完成可能会d出提示，先不用管，点击确认，然后选择启动服务

16、右键打开属性，切换到IPv4

17、选择静态地址池，添加IPv4地址范围，地址可随便填写符合IPv4的地址就可以了，是给客户端分配的地址

18、确认后选中NAT，在空白处右键选择增加接口，然后选中以太网

19、确认后选择“公用接口连接到Internet”

20、在计算机管理中新建用户，用于连接，点击创建之后不会退出，不会自动刷新，只会把填的资料清空，不用管，直接关掉即可，然后新建的用户就出来了

21、然后右键它，选择属性，切换到拨入界面，选择允许访问

22、然后客户端测试连接到此

23、添加连接，服务器名称或地址就填写你服务器的外网地址即可

24、连接成功

最后在百度输入ip，就可以看到ip地址已经变为腾讯云的服务器地址了

在本地的网络连接中就可以看到你的连接了，此时的ip就是刚才设置的ip范围中的一个，这个在后面的调试很重要，可以在服务器中给它设置为静态的地址(设置静态ip在第21步骤中有个静态ip设置)

由于每次打包之后修改源文件都需要再次打包，无疑这种对于开发者来说是有点不方便的，所以webpack可以通过配置devServer（开发服务器）来进行自动化 *** 作（自动编译，自动打开浏览器，自动刷新浏览器）

使用：

---