cocos creator 扩展插件 H5ProxyServer使用攻略

497 阅读1分钟

使用场景

该插件主要解决的问题是在H5端在浏览器的接口跨域问题,支持指向 http、https 、 ws、 wss 下的代理目标。 内部实现基于node的http-proxy,涉及到cocos cretor仅是获取当前启动项目预览端口,无视任何版本差异,放心使用。

基本使用

tx2.png

上图中,可以看出,如果想要配置一个代理服务,首先是需要配置一个key值,一个代理目标。如果是用过前端webpack和vite之类构建工具应该非常熟悉,因为它和proxy的配置非常相似:

image.png

默认是必须配置一条代理配置,如果你想增加可以点击+号新增

image.png

也可根据你自己需要修改端口,开启配置和关闭配置。当开启之后。

image.png

点击复制按钮到浏览器即可访问。

image.png

在cocos creator控制台中可以看到拦截到接口。

注意:务必保证你的代理目标是能正常访问的。

安装成功在哪里找到?

image.png

原理

基于node.js的http-proxy,启动时获取cocos creator的预览端口,并启动一个新的代理服务,通过服务代理预览端口的所有请求,拦截到配置key相关的直接转发至配置的target返回内容,否则转发则预览端口返回内容。