webpack中proxy配置（反向代理）

proxy配置（反向代理）

---

1.    简单介绍

        该配置是为了解决前后端联调时出现的跨域问题，将后端域名下的请求代理到本地，从而避免跨域请求；

2.    属性解析

        /api:在本地新建一个/api的访问路径

        http://baidu.com/ :要访问的接口域名

        changeOrigin:是否跨域

        pathRewrite：在代理过程中是否替换掉/api/路径

3.    例子

        '/api/': { 

                target:'http://baidu.com/',

                changeOrigin:true,

                pathRewrite: {

                '^/api/':''

            }

        },

请求地址解析：此时访问的接口地址在本地被解析为 localhost:80/api/***

访问的真实地址是http://baidu.com/***

---

本文仅为作者经验总结。