webpack proxy （开发环境下跨域设置）

最近今年几大框架，使得前后端分离的开发方式越来越常见，前端的小伙伴在调试接口时难免会遇到跨域的问题。今天说的webpack proxy 只应用于开发阶段，并不使用于生产阶段，可以帮助小伙伴解决在调试过程中遇到的跨域问题。

webpack Proxy webpack proxy 是webpack提供的代理服务，将客户端发送的请求转发到其他服务器。 要想实现代理首先需要一个中间服务器，webpack提供的服务器工具是webpack-dev-server。

在webpack的配置对象中，通过devServer这个属性配置，代码如下

devServer:{
            proxy: {
                '/api ': { //用于定义哪些请求需要被代理
                    target: domain,//此处是目标主机（域名或ip）
                    changeOrigin: true, //target为域名的话，需要这个  
                    pathRewrite: {
                        '^/api': '',//来重写地址，将前缀/api 转化成/
                    },
                },
            },
            
        },
```

**需要注意的是，target是域名，后面不需要再加上api等，配置了之后，
这时访问http://localhost:8080 ,就会被代理到domain上了。**