react项目用到sockjs+stomp时, webpack的proxy一直配置不成功

Question

代码如下:

import SockJS  from 'sockjs-client';
import Stomp from 'stompjs';

let socket = null;
let stompClient = null;

socket = new SockJS('/chat');

stompClient = Stomp.over(socket);

stompClient.connect({}, function (frame) {

    console.log('Connected: ' + frame);
    
    stompClient.subscribe('/chatroom', data => {
      console.log(data);
    });

});

webpack配置如下:

 '/chat': {
      //  3001端口是socket的服务端
      target: 'ws://127.0.0.1:3001/',
      ws:true
  },

websocket返回错误:

是不是proxy配置错了还是怎么着,
我直连的话就一切正常了 : socket = new SockJS('http://127.0.0.1:3001/chat');