我仍在研究，但基本上使用Azure SignalR服务，您可以使用Azure Function获取带有客户端或访问令牌的URL。它返回客户端应用程序（AKA ReactJS）特定的URL以包含在HubConnectionBuilder的withURL中。这样，出于安全目的，每个客户端都可以获得自己的URL。请确保CORS在Azure资源门户设置中启用所有来源。

您试图输入SignalR Connection String作为端点URL。这不正确。
您应该在.withUrl()中为您的参数输入一个普通的url字符串，指向SignalR服务的client endpoint。这通常是您在后端服务中Map的端点，实际上可以让SignalR服务确切地知道客户端可以使用哪些方法等。
您的连接字符串将按照documentation here.用于后端组件
编辑：为了澄清，即使在无服务器模式下使用SignalR，您也需要额外的组件才能使一切正常工作：
您至少需要一个/negotiate端点作为Azure Function托管。然后，此端点将向客户端应用返回必要的连接令牌和详细信息，以便连接并启用消息传递。（此端点还应处理客户端身份验证）。然后，您将需要至少一个Azure Function端点，该端点将负责实际处理SignalR消息的逻辑。
你的协商Azure函数应该看起来像这样（取自Tutorial: Azure SignalR Service authentication with Azure Functions）：
您的函数触发器配置：

{
    "disabled": false,
    "bindings": [
        {
            "authLevel": "anonymous",
            "type": "httpTrigger",
            "direction": "in",
            "methods": ["post"],
            "name": "req",
            "route": "negotiate"
        },
        {
            "type": "http",
            "direction": "out",
            "name": "res"
        },
        {
            "type": "signalRConnectionInfo",
            "name": "connectionInfo",
            "hubName": "default",
            "connectionStringSetting": "AzureSignalRConnectionString",
            "direction": "in"
        }
    ]
}

module.exports = async function (context, req, connectionInfo) {
    context.res.body = connectionInfo;
};

然后，你会想要另一个Azure函数来处理消息传递......例如，广播到所有连接的客户端。
因为从你的问题中并不清楚你到底想让客户端做什么，我不能真正帮助你弄清楚这个函数到底是什么样子的。但是，无论如何，你在上面的链接中有一个工作示例。