vue-cli proxytable 日常踩坑之神坑 之 4000端口

缘起

最近因为总部项目前端技术栈换成了vue而不断地入手vue. 在使用vue-cli脚手架配置本地开发跨域代理proxytable的时候死活前台无法成功调用后端RESTful接口. 而且报的错一直是

502 Bad Gateway HPE_INVALID_VERSION

分析

这个错误在百度、谷歌貌似都没有人遇到这个问题，甚至在node的官网上都找不到 . 我的浏览器没有开代理，而且我还重启过机器. 但是统统没用. 最后实在没办法, 自己用node写了一个简单的后台, 发现前端的proxytable设置是可以成功调用到后台接口的. 于是就好办了，不断的通过删除简化原本的后台和这个简易的后台进行比对, 直至发现原因——我后台的端口是4000，但是4000是一个极度敏感的端口——QQ、foxit都可能会占用, 于是将4000端口换成一个普通的4120端口, 就成功调用了. 惊不惊喜? 意不意外? 刺不刺激? 就这么简单, 但是一看到这个问题, 我相信大部分小白内心是慌的一批的.

此次采坑得到的教训是, 系统或者常用软件常见的端口不要在自己的程序中使用

ps: proxytable跨域的原理就是利用服务端之间不存在跨域 , 所以proxytable只是生成了一个服务转发了前端的请求而已.