万能的 V 友们,求一个 VSCode 上好用的 HTTP Server,可以支持 Porxy 转发和 serve 本地文件的(丐中丐版的 nginx)

2021-11-26 08:49:00 +08:00
 qwerthhusn

我不知道说清楚意思没有。比如,可以启动一个 HTTP 服务器,然后/c可以指定当前工作目录,/a可以指定一个远程地址,像 nginx 的 proxy 一样。我需要这么做的原因是,1. 前端工程没有工程化,就是一堆 html ,没法run dev; 2. 后端有跨域问题,导致请求不到资源; 3.后端会写 Cookie ,由于静态资源都是file://格式的,导致读不到一些 Cookie 。

现在我找到了一个满足需求的插件 Live Server ,但是这个插件有个 BUG 现在没法用,就是Proxy 请求的时候,向 upstream 转发请求的时候不发送 Host 头,针对一个 IP 服务多个域名的情况,基本上直接歇菜。当我准备提 Issue 的时候,发现这个插件以及 Github 仓库已经三四年没有更新了。我想自己 fork 去改,但是我本职不是做前端的,只会一些 document.getElementById ,那些代码实在看不懂。。

https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

所以请教大佬有没有实现同样功能的 VSCode 插件或者易配置有 GUI 的 Windows 软件。请不要说 nginx ,那个我也会弄,但是太复杂了,而且我的目标是弄好之后要给其他开发也搞。

1409 次点击
所在节点    Visual Studio Code
3 条回复
lingo
2021-11-26 09:14:00 +08:00
caddy ?
wangmn
2021-11-26 09:59:13 +08:00
http-server

https://www.npmjs.com/package/http-server

cnpm install --global http-server

然后在项目目录下运行 http-server
qwerthhusn
2021-11-26 12:16:25 +08:00
@wangmn 他能支持这种吗?
同一个端口下:
/ 映射到本地目录
/xxx/ 映射到反向代理到 http://example.com/xxx

我鼓捣了半天,本地目录是 OK 的,但是远程目录不行,我需要保证 /和 /xxx/是同一个 IP 和端口
我试了这个命令

npx http-server ^
-p 22334 ^
--proxy-options.target https://example.com/xxx/ ^
--proxy-options.localAddress /xxx/ ^
D:\project-dir\

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/818058

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX