Java
javaTutorial
What is the reason why the browser does not respond after the WebSocket server returns 401? How to solve it?
What is the reason why the browser does not respond after the WebSocket server returns 401? How to solve it?
Apr 19, 2025 pm 02:21 PM
Netty WebSocket server returns 401, browser unresponsive solution
When using Netty to build a WebSocket server and perform token verification, if the token is invalid, the server returns a 401 status code and closes the connection, but the browser may not react in any way. This article analyzes this problem and provides solutions.
Problem description
Tokens are required to develop WebSocket servers using Netty. When token verification fails, the server returns 401 and closes the connection, but the browser does not respond, and the front-end cannot know the reason for the connection to close. Server-side code example:
private void httpResponse401(ChannelHandlerContext ctx, FullHttpRequest request) {
FullHttpResponse response = new DefaultFullHttpResponse(request.protocolVersion(), HttpResponseStatus.UNAUTHORIZED);
response.headers().set(HttpHeaderNames.CONTENT_LENGTH, 0);
ctx.writeAndFlush(response).addListener(ChannelFutureListener.CLOSE);
ReferenceCountUtil.release(request);
}
Front-end JavaScript code:
var socket = new WebSocket("ws://127.0.0.1:18080/ws?token=xxxx");
Although the server returns 401 and closes the connection, the browser does not respond in any way.
Solution
The browser is unresponsive because the 401 response is ignored during the WebSocket handshake phase. We need to process it during the handshake phase or after the connection is established.
Solution 1: Return 401 response during the handshake phase
In the WebSocket handshake phase (HTTP request phase), if token verification fails, the HTTP 401 response will be directly returned to avoid establishing a WebSocket connection. Modify the server-side code:
if (!validateToken(request)) {
FullHttpResponse response = new DefaultFullHttpResponse(HttpVersion.HTTP_1_1, HttpResponseStatus.UNAUTHORIZED);
response.headers().set(HttpHeaderNames.CONTENT_TYPE, "text/plain; charset=utf-8");
response.headers().set(HttpHeaderNames.CONTENT_LENGTH, response.content().readableBytes());
ctx.writeAndFlush(response).addListener(ChannelFutureListener.CLOSE);
return;
}
Solution 2: Send custom messages after the connection is established
If you need to process 401 after the WebSocket connection is established, you can send a custom message to notify the front end immediately after the connection is established. Add a custom processor in Netty's WebSocketServerProtocolHandler :
channel.pipeline().addLast(new WebSocketServerProtocolHandler("/ws") {
@Override
public void userEventTriggered(ChannelHandlerContext ctx, Object evt) throws Exception {
if (evt == WebSocketServerProtocolHandler.ServerHandshakeStateEvent.HANDSHAKE_COMPLETE) {
if (!validateToken()) {
ctx.writeAndFlush(new TextWebSocketFrame("401 Unauthorized")).addListener(ChannelFutureListener.CLOSE);
}
}
super.userEventTriggered(ctx, evt);
}
});
Front-end JavaScript code needs to listen for onmessage events:
socket.onmessage = function(event) {
if (event.data === "401 Unauthorized") {
console.log("Connection closed, reason: 401 Unauthorized");
socket.close();
}
};
Through the above method, the browser can correctly process the 401 status code, and the front-end can also receive corresponding feedback information, thereby solving the problem of the browser's unresponsiveness. Which solution to choose depends on the specific application scenario and requirements.
The above is the detailed content of What is the reason why the browser does not respond after the WebSocket server returns 401? How to solve it?. For more information, please follow other related articles on the PHP Chinese website!
Hot AI Tools
Undress AI Tool
Undress images for free
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
How to check the main trends of beginners in the currency circle
Jul 31, 2025 pm 09:45 PM
Identifying the trend of the main capital can significantly improve the quality of investment decisions. Its core value lies in trend prediction, support/pressure position verification and sector rotation precursor; 1. Track the net inflow direction, trading ratio imbalance and market price order cluster through large-scale transaction data; 2. Use the on-chain giant whale address to analyze position changes, exchange inflows and position costs; 3. Capture derivative market signals such as futures open contracts, long-short position ratios and liquidated risk zones; in actual combat, trends are confirmed according to the four-step method: technical resonance, exchange flow, derivative indicators and market sentiment extreme value; the main force often adopts a three-step harvesting strategy: sweeping and manufacturing FOMO, KOL collaboratively shouting orders, and short-selling backhand shorting; novices should take risk aversion actions: when the main force's net outflow exceeds $15 million, reduce positions by 50%, and large-scale selling orders
What is Ethereum? What are the ways to obtain Ethereum ETH?
Jul 31, 2025 pm 11:00 PM
Ethereum is a decentralized application platform based on smart contracts, and its native token ETH can be obtained in a variety of ways. 1. Register an account through centralized platforms such as Binance and Ouyiok, complete KYC certification and purchase ETH with stablecoins; 2. Connect to digital storage through decentralized platforms, and directly exchange ETH with stablecoins or other tokens; 3. Participate in network pledge, and you can choose independent pledge (requires 32 ETH), liquid pledge services or one-click pledge on the centralized platform to obtain rewards; 4. Earn ETH by providing services to Web3 projects, completing tasks or obtaining airdrops. It is recommended that beginners start from mainstream centralized platforms, gradually transition to decentralized methods, and always attach importance to asset security and independent research, to
Why does Binance account registration fail? Causes and solutions
Jul 31, 2025 pm 07:09 PM
The failure to register a Binance account is mainly caused by regional IP blockade, network abnormalities, KYC authentication failure, account duplication, device compatibility issues and system maintenance. 1. Use unrestricted regional nodes to ensure network stability; 2. Submit clear and complete certificate information and match nationality; 3. Register with unbound email address; 4. Clean the browser cache or replace the device; 5. Avoid maintenance periods and pay attention to the official announcement; 6. After registration, you can immediately enable 2FA, address whitelist and anti-phishing code, which can complete registration within 10 minutes and improve security by more than 90%, and finally build a compliance and security closed loop.
Binance Exchange official website entrance
Jul 31, 2025 pm 06:21 PM
Binance Exchange is the world's leading cryptocurrency trading platform. The official website entrance is a designated link. Users need to access the website through the browser and pay attention to preventing phishing websites; 1. The main functions include spot trading, contract trading, financial products, Launchpad new currency issuance and NFT market; 2. To register an account, you need to fill in your email or mobile phone number and set a password. Security measures include enabling dual-factor authentication, binding your mobile email and withdrawal whitelist; 3. The APP can be downloaded through the official website or the app store. iOS users may need to switch regions or use TestFlight; 4. Customer support provides 24/7 multi-language services, and can obtain help through the help center, online chat or work order; 5. Notes include accessing only through official channels to prevent phishing
Bitcoin Real-time Market Trend Chart APP Latest BTC Price 24-hour K-line Online Analysis
Jul 31, 2025 pm 10:24 PM
Bitcoin (BTC) is the world's first decentralized digital currency. Since its debut in 2009, it has become the leader in the digital asset market with its unique encryption technology and limited supply. For users who are following the cryptocurrency space, it is crucial to keep track of their price dynamics in real time.
What are the mainstream coin playing software in the currency circle?
Jul 31, 2025 pm 08:09 PM
The choice of mainstream coin-playing software in 2025 requires priority to security, rates, currency coverage and innovation functions. 1. Global comprehensive platforms such as Binance (19 billion US dollars in daily average, 1,600 currencies), Ouyi (125x leverage, Web3 integration), Coinbase (compliance benchmark, learning to earn coins) are suitable for most users; 2. High-potential featured platforms such as Gate.io (extremely fast coins, trading is 3.0), Kucoin (GameFi, 35% pledge income), BYDFi (Meme currency, MPC security) meet the segmentation needs; 3. Professional platforms Kraken (MiCA certification, zero accident), Bitfinex (5ms delay, 125x leverage) service institutions and quantitative teams; suggest
BTC Coin Latest Price Trend Chart Real-time Software Bitcoin Today's Exchange Rate K-line Analysis
Jul 31, 2025 pm 10:21 PM
Bitcoin (BTC) is the world's first decentralized digital currency, and it is also the pioneer and weather vane of the cryptocurrency market. Since its birth in 2009, its price volatility and technological innovation have attracted much attention from investors and technology enthusiasts around the world. Real-time grasp of its price trends is crucial for market participants.
Ouyi Exchange Web Edition Registration Entrance 2024
Jul 31, 2025 pm 06:15 PM
To register on the Ouyi web version, you must first visit the official website and click the "Register" button. 1. Select the registration method of mobile phone number, email or third-party account, 2. Fill in the corresponding information and set a strong password, 3. Enter the verification code, complete the human-computer verification and agree to the agreement, 4. After registration, bind two-factor authentication, set the capital password and complete KYC identity verification. Notes include that mainland Chinese users need to pay attention to regulatory policies and be vigilant to impersonate customer service. In 2024, new users must complete the basic KYC before they can trade. After the above steps are completed, you can use your account safely.
