目的：
- 解决开发联调中的痛点（存在跨域，不能请求），前端与后端本地联调阻断，webpack 代理转发解决请求
- 双向同步开发、接口文档先行，前后端同时进行。前端除基本的写页面及样式、还要依赖数据进行交互功能开发，有了接口文档假数据放在前端koa服务上本地联调，不再担心联调阻塞，从而真实前后端联调域名切换无缝连接，高质量联调
用法：
- webpack 基于自带集成的http-proxy-middleware 配置proxy 转发请求
注意事项： dev server 作为前端静态资源的访问服务，api请求也需要配置同源域名（及当前前端访问ip地址端口），从而拦截当前请求url，做转发请求。
找到webpack 配置文件 devServer 添加 proxy 属性配置对象
proxy: {
"/api": { // 要拦截的请求路径
target: "targeUrl"， // 转发到的实际请求路径
pathRewrite: {'^/api' : ''} // 路径正则匹配，地址是否向实际请求有所不同，需要改变（按自己实际去用）
secure: true // https
}
}
后端koa 服务配合mockjs 处理请求响应
Nodejs、Koa 安装步骤省略，具体步骤可访问官网
image.png
业务模块文件
image.png
网友评论