回顾下跨域解决方案httpmiddleware
我们在React（或Vue）项目本地开发过程中很容易由前端自己解决跨域问题，这里面就用到的是插件httpproxymiddleware，它并不是webpack独享的插件，而是一个通用插件，它对httpproxy进行了一层封装，更加方便我们使用。
之前刚接触webpack的时候写过一个webpack反向代理proxyTable设置
前几天有个测试同事找我解决她的跑的本地项目测试公司项目时，出现跨域的情况，因为前端项目不是spa项目，没有webpack之类的，所以就准备参照httpproxymiddleware来实现。
我们看看httpproxymiddleware的源码，目前它的最新版本是2。0。6，貌似2。x版本和1。x版本导出的方法有所不同
先看看npm官网的示例介绍constexpressrequire（express）；const｛createProxyMiddleware｝require（httpproxymiddleware）；constappexpress（）；app。use（api，createProxyMiddleware（｛target：http：www。example。org，changeOrigin：true｝））；app。listen（3000）；
所以核心createProxyMiddleware方法，我们继续看nodemoduleshttpproxymiddlewaredistindex。jsconsthttpproxymiddleware1require（。httpproxymiddleware）；functioncreateProxyMiddleware（context，options）｛const｛middleware｝newhttpproxymiddleware1。HttpProxyMiddleware（context，options）；returnmiddleware；｝exports。createProxyMiddlewarecreateProxyMiddleware；
继续看这个middleware是怎么实现的。nodemoduleshttpproxymiddlewaredisthttpproxymiddleware。jsconsthttpProxyrequire（httpproxy）；classHttpProxyMiddleware｛constructor（context，opts）｛this。logger（0，logger1。getInstance）（）；this。wsInternalSubscribedfalse；this。serverOnCloseSubscribedfalse；https：github。comMicrosoftTypeScriptwikithisinTypeScriptredflagsforthisthis。middlewareasync（req，res，next）｛vara，b；if（this。shouldProxy（this。config。context，req））｛try｛constactiveProxyOptionsawaitthis。prepareProxyRequest（req）；this。proxy。web（req，res，activeProxyOptions）；｝catch（err）｛next（err）；｝｝else｛next（）；｝｝）this。proxyhttpProxy。createProxyServer（｛｝）；。。。｝exports。HttpProxyMiddlewareHttpProxyMiddleware；
终于找到核心实现middleware了，满足this。shouldProxy的就会利用this。proxy。web进行代理了，所以我们如果熟悉httpproxy的配置的，我们可以直接跳过httpproxymiddleware来使用httpproxy，但是好像也没这个必要吧
科技生态文化三架马车齐头并进北京经开区科技生态文化场景全域开从手机一键就能召唤来的无人驾驶出租车，到效率比传统工厂提升60的小米黑灯工厂；从全国首个零碳产业园区，到凉水河经开区段成为国家级河湖样板间；从全国首个科技馆之城，到全新的科文融……
人类有可能飞出太阳系吗？常有人质疑和担忧，人类最终能够飞出太阳系吗？我认为这是无需质疑的，肯定能飞出，只是怎么飞出什么时候飞出的问题。首先我们确定一下太阳系的范围。距离太阳最远的行星是海王星，约……
取消大小周易，取消周报难又一家公司宣布取消大小周。9月1日，小鹏汽车向全员发布了相关通知。自6月份快手宣布取消大小周以来，越来越多公司正在加入进来。夺回一点打工自由的年轻人，又将目光投向了……
为什么有人说科技现在这么发达，实验室都不能人工制造一个单细胞地球PK人类科学家让我们想象有两个公司在竞争制造第一个单细胞生物。其中一家公司拥有一个叫地球的星球，他们的实验室就是地球本身，拥有地球庞大的资源、能源供应和数亿年的……
种子的自述我，是一颗绿豆种子，我也不知道我是怎么来到这片辽阔无垠的大草原的，总之冰凉刺骨的春雨把沉睡的我叫醒，我张开睡意朦胧的双眼，看到的只是一片漆黑。我开始不停的收集营养、水分。作为好……
实用的父亲节的作文500字4篇在学习、工作或生活中，大家都不可避免地会接触到作文吧，作文是从内部言语向外部言语的过渡，即从经过压缩的简要的、自己能明白的语言，向开展的、具有规范语法结构的、能为他人所理解的外……
形容冬天的词语解释冬天，有着献给大自然的含蓄的美，以下是小编为您整理的形容冬天的词语解释相关资料，欢迎阅读！形容冬天的词语解释1、寒冷。一般不单用，能组成严寒酷寒寒冷等。注意：要与表……
你若安好，便是晴天作文800字林徽因，梦一般的名字，她是人间四月天。每个人想起林徽因，都觉得她太过于纯净而美好。像莲，不敢采撷；像风，飘渺难捉hellip；hellip；你若安好，便是晴天。一句让人哭……
鸿蒙3。0即将来临？华为开发者大会确定，EMUI12或同期公还记得2019年华为在东莞举办开发者大会，笔者当时有幸参与了这次展会，并亲眼见证了华为公布鸿蒙OS1。0，并且在随后的荣耀以及华为智慧屏上首次体验了这个全新的系统。而华为202……
马云被自己打脸，我对钱不感兴趣，却在顶点套现上百亿马云和自己的企业曾经高居神坛，前者被人们亲切地称之为马爸爸，后者曾经被人们误以为是民族之光。但是随着时间的发展，两者都呈现出逐利的一面。这种特性非常正常，没有一家企业敢说自己经……
初一写人作文我的小二弟之二他们都说这个长得帅，那个长得帅，在我心里我的小二弟最帅了，经常阳光灿烂，也是俺最爱的小鲜肉。娇嫩的皮肤，尤其让我羡慕，还有那张会说话的小嘴儿说得人心服口服，又有理又贴心。……
峰咖李德毅院士新一代人工智能十问十答作者简介李德毅中国工程院院士、欧亚科学院院士军事科学院系统工程研究院研究员，中国人工智能学会名誉理事长，中国指挥控制学会名誉理事长。他是中国改革开放以来第一位……
爬山记作文600字在生命的历程中，人们尝试经历着太多的事情，有感动，有悲伤，有幸福，有懊恼，这些伴随着我们一同成长，将我们的生活装扮的多姿多彩，但是无论如何都无法遗忘着你曾经刻苦铭心的第一次经历……
幽默的爸爸作文500字（精选10篇）在学习、工作乃至生活中，大家都经常看到作文的身影吧，作文是从内部言语向外部言语的过渡，即从经过压缩的简要的、自己能明白的语言，向开展的、具有规范语法结构的、能为他人所理解的外部……
小福尔摩斯作文600字曾经，我当了一回福尔摩斯。那段时间，我迷上了《福尔摩斯侦探集》。看完这本书后，我的嘴里总是塞着一支笔，头上戴个帽子，仿佛我就是福尔摩斯。但还少个放大镜，我苦苦央求爸爸，爸……
立冬的农业谚语（二十四节气）立冬东北风，冬季好天空；（闽南）立冬南风雨，冬季无凋（干）土；（闽南）立冬有雨防烂冬，立冬无鱼防春旱；（闽南）重阳无雨看立冬，立冬无雨一冬干；（赣）重阳……
地球的自述作文500字我的名字叫地球，是一个水晶般美丽的蓝色星球。我养育了世间万物，向人们源源不断的提供资源，大家说我是人类的母亲，生命的摇篮。广阔的海洋为我披上了蓝色的外套，外套上还有一些漂……
量子密话，会是我们与量子科技的第一次亲密接触吗？科技日报记者吴长锋在5月17日世界电信和信息社会日到来之际，中国电信发布业内首款基于量子信息技术的VoLTE加密通话产品天翼量子高清密话。据介绍，这款产品采用国产定制手机……
微软首席执行官萨蒂亚纳德拉表示加薪即将到来微软首席执行官萨蒂亚纳德拉周一对员工表示，由于劳动力市场趋紧，员工应对不断加剧的通货膨胀，公司将提高薪酬。该公司的一位发言人证实了早些时候报道的加薪。这位发言人在电……
身边的雷锋精神初二作文一位普普通通，却给我们带来极大影响的战士；一位为他人服务，甚至牺牲生命却不求回报的战士；一位精神永驻我们心间，一直鼓励我们奋勇前进的战士；他就是雷锋一个全心全意为他人服务的人。……
精选五四青年节的作文900字三篇在日常的学习、工作、生活中，说到作文，大家肯定都不陌生吧，作文是人们以书面形式表情达意的言语活动。你知道作文怎样才能写的好吗？以下是小编整理的五四青年节的作文900字3篇，仅供……
两大美妆巨头押注中国，美妆科技成必争之地？日前，资生堂（中国）投资有限公司新增投资企业厦门资悦股权投资合伙企业（以下简称厦门资悦），据了解，该公司的注册资本为5。01亿元，经营范围包含以私募基金从事股权投资、投资管理、……
月到中秋分外明400字作文月到中秋分外明今天是中秋夜。圆圆的月亮挂在天空，我真不知该用什么物体来形容你？圆盘吗？不，圆盘那白色的光色怎能比的上你那银色的光泽？夜明珠吗？不，夜明珠那弱的色彩怎能比的上你的……
新能源车发展势头未减汽车工业全年有望实现平稳发展近期国内新冠肺炎疫情多点散发，汽车企业生产、市场销售受到一定影响。5月11日，中国汽车工业协会发布数据显示，今年前4个月，汽车产销分别完成769。0万辆和769。1万辆，同比分……