Angular套接字因400错误请求而失败

Question

Its an angular app (angular 1.X) that tries to connect to node-app. It hasn't been easy to set up (primarly the frontend) so I ended up with having this on frontend (in bower.json):

"socket.io-client": "^0.7.10",
"angular-socket-io": "^0.7.0"

and this on backend (in package.json):

"socket.io": "^1.7.3",

So client has version less than 1.X while server has version bigger than 1.X.

When I try to connect I get

Bad request (HTTP 400) 

while trying to go to

http://localhost/socket.io/1/

I only entered this in my socketFactory on frontend:

io.connect('http://localhost/', {'transports': ['websocket', 'polling']});

I guess the problem is the different versions on front and back? Must they be exactly the same or it is enough being both 0.X och 1.X? Moreover, isn't there a workaround? Im quite sure that upgrading frontend to 1.X will cause other problems (that were lost when I downgraded to less than 1.X)

Answer 1

When you're trying to go to http://localhost/socket.io/1/ you're doing HTTP method GET request. It's different than connection via sockets. So it's normal that it returns bad request response when you opening http://localhost/socket.io/1/ in browser.