如何使用 axios 从前端调用 uWebSockets http 路由？

Posted 2023-02-16

【中文标题】如何使用 axios 从前端调用 uWebSockets http 路由？

【英文标题】：How to call uWebSockets http routes from front-end with axios?

【发布时间】：2021-04-01 15:56:34

【问题描述】：

我在我的 nodejs 应用程序上使用 uWebSockets，我正在尝试向 wss 服务器发送一些 http 请求。 我可以通过从浏览器 url 栏访问它们来查看 wss 服务器上 GET 路由的输出，但是当我尝试调用 PUT 、 POST 、 PATCH ……路由时，我没有得到任何输出（例如：没有响应，我想路线未到达）。

我的 uWebSockets.js 配置如下代码 sn -p :

const uWS = require('uWebSockets.js');
const SOCKET_PORT = 3023;

const websockets = uWS.App()

/* I tried to put these routes before and after .ws() , still no response */
.put('/route1', (req, res) => 
     console.log('/route1');
)
.patch('/route2', (req, res) => 
     console.log('/route2');
 )
.post('/route3', (req, res) => 
     console.log('/route3');
)
.delete('/route4', (req, res) => 
     console.log('/route4');
)

/* Tried with '' , '*' , '/*' but none of the attempts succeeed */
.ws('', 
     compression: uWS.SHARED_COMPRESSOR,
     idleTimeout: 30,
     maxBackpressure: 1024,
     maxPayloadLength: 512,
     open:ws=> ws.subscribe('all')
);


websockets.listen(SOCKET_PORT, (listenSocket) => 
    if (listenSocket) 
        console.log('Listening to port ' + SOCKET_PORT);
);

从前端，我尝试像这样发送请求：

    let header =  "Access-Control-Allow-Origin" : "*" , "Content-Type" : "application/json" ;
    header.key= "test_key";
    await axios(
        method : "PUT",
        url : "wss://subdomain.domain.xyz/route1",
        data :  "val1" : "test" , "val2" : 5 ,
        headers : header
    )
    .then(function(response)
        serverResponse = response.data;
    )
    .catch(function(err)
        serverResponse = err.response.data;
    );

我做的 websockets 请求错了吗？

我使用的是 18.04 uWebSockets.js 版本。

【问题讨论】：

您正在尝试使用 HTTP 客户端库来连接 websockets，它不是为 axios 设计的。如果您坚持使用 websockets 协议，则必须使用其他库并更改逻辑

确实，我试过用axios调用websocket http路由。究竟如何更改我的逻辑以及要使用的其他库？

【参考方案1】：

在使用 GET、POST、PATCH、PUT、DELETE 等 HTTP 方法时，您应该使用 http/https 而不是 ws/wss 进行连接。

【讨论】：

+1 此外，uWebsockets.js 既是 HTTP 又是 WebSockets 服务器，因此使用简单的 HTTP 协议访问这些路由应该不是问题。

是的，你是对的，同时我已经发现这是问题的一部分。但是，通过 HTTP 访问路由仅适用于 GET 路由，其他路由由于某种原因无法访问......