位置: 编程技术 - 正文
Node.js配合node-http-proxy解决本地开发ajax跨域问题(node.js server-side)
编辑：rootadmin推荐整理分享Node.js配合node-http-proxy解决本地开发ajax跨域问题(node.js server-side)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:nodejs配置教程,node.js orm,nodejs配置https,node.js配置文件,node·js,nodejs配置https,配置node.js,node.js配置文件,内容如对您有帮助，希望把文章链接给更多的朋友！
情景：
前后端分离，本地前端开发调用接口会有跨域问题，一般有以下3种解决方法：
1. 后端接口打包到本地运行（缺点：每次后端更新都要去测试服下一个更新包，还要在本地搭建java运行环境，麻烦）
2. CORS跨域：后端接口在返回的时候，在header中加入'Access-Control-Allow-origin':* 之类的（有的时候后端不方便这样处理，前端就蛋疼了）
3. 用nodejs搭建本地http服务器，并且判断访问接口URL时进行转发，完美解决本地开发时候的跨域问题。
用到的技术：
1. nodejs搭建本地http服务器
2. 应用node-http-proxy，做接口url的转发
具体方法：
1. node.js搭建本地http服务器参考了shawn.xie的《nodejs搭建本地http服务器》
2. node.js做转发使用node-http-proxy实现，官方文档： 操作方法参考了： 下面是我自己的实战操作
项目准备
1. npm初始化
2. 安装node-http-proxy模块
3. 项目结构
下面的例子中，我们把html文件直接放在根目录'./'，也可以指定一个网站目录，在proxy.js中可以自定义
配置HTTP服务器和PROXY转发
MINE.JS
这里参考shawn.xie的源码，补充了几个字体文件的mime。
![[3D跑酷] AudioManager(bud3d跑酷)](https://www.jiuchutong.com/image/20240129/1706506386.jpg)