nodejs之http-proxy几点常见问题

gitmilk 发布于2019-08-23 11:00 / 1514人阅读

摘要：部署到线上却发现，请求总是指向第一个二级域名，其他的二级域名访问不到。后端配置了后端，不仅仅配置了二级域名，还配置了二级目录，前端部署的服务也一样需要二级目录。

http-proxy

http-proxy是一个nodejs的http代理库，已经被webpack-dev-server集成进来，做代理使用。原因是在前后端分离大行其道的今天，我们如果需要在本地调后端api接口，不配置hostname的话，必然是一个跨域的请求。因为浏览器的跨域安全限制，调取是不通的，所以本地代理就成了一个本地开发环境的必选项。

"/saasapi/*": {
    target: "http://ebk.17u.cn",
},

意思呢大概就是把saasapi开头的ajax请求重定向到http://ebk.17u.cn

本地开发没有问题，线上如果也是用nodejs的服务器，如果恰巧也配置了代理，部署到线上出现了意想不到的问题~

后端nginx配置了反向代理

一个网站主域名是17u.cn，后端如果部署了多个api服务，那这样子他的api服务可能是这样子

主域名	二级域名1	二级域名2	二级域名3
17u.cn	ebk.17u.cn	ebk2.17u.cn	ebk3.17u.cn

前端同样部署了3个nodejs服务，也同样配置了3个代理。部署到线上却发现，请求总是指向第一个二级域名，其他的二级域名访问不到。

百思不得姐！

后来仔细查看http的信息，发现几个服务的ajax请求发到服务器上之后，hostname都是浏览器的域名，而nginx的反向代理配置都是根据hostname来做转发的。因为我们的hostname对于nginx来说都是陌生的，所以就默认转发到默认的第一个服务上去了。

查了http-proxy配置，哈哈，果然有这种修改的配置，只要稍微改一下就好了。

"/saasapi/*": {
    target: "http://ebk.17u.cn",
    changeOrigin: true
},

changeOrigin: true意思就是把hostname改为和target一致就可以了。这样后端nginx就可以正常转发了。

后端配置了cookie Path

后端api，不仅仅配置了二级域名，还配置了二级目录，前端部署的服务也一样需要二级目录。

api地址就变成这个样子：

ebk.17u.cn/saasapi

前端地址：

trans.17u.cn/saas

代理配置做对应调整

"/saas/saasapi/*": {
    target: "http://ebk.17u.cn",
    changeOrigin: true,
    rewrite: path => path.replace(/^/saas/saasapi/cxy/, "/saasapi")
},

这样子看起来很正常吧，但是问题出在哪呢？后端把登录之后设置的cookie也设置了path：Path="/saasapi"。

这样子问题就来了，trans.17u.cn/saas当前域名下读取不到/saasapi下面的cookie，导致前端登录每次都通过，但就是不能正常调api，每次调取都提示没有登录。

有问题还是先查文档。

还是发现了解决方案

cookiePathRewrite: { "/saasapi": "/saas/saasapi" }

重写cookie路径就好了，同理如果后端接口指定了cookie的domain，一样有方案解决

cookieDomainRewrite

还有一些其他rewrite，应该都比较好用的。

ps：在解决过程中，发现改了也总是不能成功，一度怀疑是库的bug。后来发现需要清除掉chrome的cookie。

直接点Application -> Cookie:删除下面的cookie是不行的。清理不掉全部的cookie，需要到Application -> clear storage中，clear site data才可以。最终成功

idc机房托管混合云 cdn回源的几点问题几点建议 com域名几点 php 大于几点

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/96895.html

关于Nodejs里代理设置的问题

摘要：解决一个历史遗留问题博客上线后第一篇关于的博客就是绑定域名与反向代理是关于的代理设置，到现在为止线上几个二级小站也还是在使用那个模块，却怎么也没想到，这些小站的一个共同的遗留问题也源自这个代理模块问题在于用已知的各种方式获取到的访问者的永解决一个历史遗留问题：博客上线后第一篇关于Nodejs的博客就是——Nodejs绑定域名与反向代理；是关于Nodejs的代理设置，到现在为止线上几...

kycool 2019-08-20 12:34 评论0 收藏0
Nodejs绑定域名与反向代理

摘要：所有的都不是完整的程序，所有未上线的程序都仅仅是个作为开发的后起之秀，在现在的国内环境下，虽比不上的火热，没有那么广大的群众基础，盖不过的高大上，但基于谷歌引擎的极速，异步与事件模型，无疑将是开发的重大革新我是一个小前端，自从知道，就觊觎其所有的Demo都不是完整的程序，所有未上线的程序都仅仅是个Demo; Nodejs作为Web开发的后起之秀，在现在的国内环境下，虽比不上PHP的火...

thekingisalwaysluc 2019-08-19 17:08 评论0 收藏0
如何从零入门React？实战做个FM应用吧

摘要：面试造航母，工作拧螺丝，新公司面试技术官要求会技术栈。然而公司项目暂时并没有用到，不过为了提升实战经验，还是在业余时间捣腾出一个，以下是项目介绍。前段为了学习小程序的开发，做了个小程序名叫口袋吉他，这也是个人兴趣驱使的开发想法。面试造航母，工作拧螺丝，新公司面试技术官要求会react技术栈。问：有使用过React么？答：没，只使用过Vue。又问：给你一星期能上手开发么？答：可以（一...

codecook 2019-08-22 16:33 评论0 收藏0
基于webpack的前后端分离开发环境实战

摘要：背景随着互联网应用工程规模的日益复杂化和精细化，我们在开发一个标准应用的早已开始告别单干模式，为了提升开发效率，前后端分离的需求越来越被重视，前端负责展现交互逻辑，后端负责业务数据接口，基本上也成为了我们日常项目分工中的标配，但是前后端分离背景随着互联网应用工程规模的日益复杂化和精细化，我们在开发一个标准web应用的早已开始告别单干模式，为了提升开发效率，前后端分离的需求越来越被重...

soasme 2019-08-22 11:03 评论0 收藏0
Node.js 搭建本地HTTP服务器并应用node-http-proxy解决ajax跨域问题

摘要：搭建本地服务器参考了的搭建本地服务器做转发使用实现，官方文档配置服务器和转发接口地址判断如果是接口访问，则通过转发这里参考的源码，补充了几个字体文件的。起因：公司的产品更换前端框架，接口的访问原本是通过nginx配置反向代理实现的，本地没有安装nginx，就用node.js做一个。 node.js搭建本地http服务器参考了shawn.xie的《nodejs搭建本地http服务器》...

binaryTree 2019-08-19 18:17 评论0 收藏0