当前位置： 首页 > news >正文

苍穹外卖 修改nginx的端口后websocket连接失败解决

news 2026/2/9 8:05:22

苍穹外卖 修改nginx的端口后websocket连接失败解决

问题：

后端配置好websocket后前端仍显示如图所示的错误

在这里插入图片描述

解决：

  1. 先用websocket在线工具测试后端是否能正常连接（这个基本上不会出现问题）
  2. 用f12观察前端发送的请求在这里插入图片描述
    正常来说这个请求的url会被nginx反向代理到http://localhost:8080/ws/xxxx,
    但却没能得到响应。原因就是其实它并未被反向代理
  3. 由于80端口被占用，所以我把nginx的端口改成了81，而前端发送请求的路径是ws://localhost/ws/xxxx，搜了一下ws协议的默认端口是80，nginx被改了之后监听不到80了导致不能对该路径进行反向代理。
  4. 问题出在前端只能去改前端的代码，位置在
nginx-1.20.2\html\sky\js\app.d0aa4eb3.js

ctrl+f搜索ws找到对应代码，将端口号定为81（改成你修改的端口）

!](https://i-blog.csdnimg.cn/direct/e10a907ac35c4576bb2d6e5f7e0f80bc.png)

  1. 到此还未结束，一定要记得清理浏览器的缓存或者换个浏览器。如果f12发现自己改了代码，但是请求的路径没变，那就是缓存没清。

最后有帮助请点个赞吧👍

相关文章：

苍穹外卖 修改nginx的端口后websocket连接失败解决

苍穹外卖 修改nginx的端口后websocket连接失败解决 问题： 后端配置好websocket后前端仍显示如图所示的错误 解决： 先用websocket在线工具测试后端是否能正常连接（这个基本上不会出现问题）用f12观察前端发送的请求 正常来说这个请…...

编程日记 2024/9/17 13:34:56

快速解决Linux中wine程序中文显示为方块的问题

在home目录下Ctrlh 将显示.wine文件夹，把window系统中的C:\WINDOWS\Fonts文件夹直接copy到.wine/drive_c/windows 目录中并覆盖其Fonts目录即可。 参考链接： https://www.cnblogs.com/jee-cai/p/14095220.html https://blog.csdn.net/srz2017/article/…...

编程日记 2024/9/17 13:32:53

【C++前后缀分解 动态规划】2100. 适合野炊的日子|1702

本文涉及知道点 C前后缀分解 C动态规划 LeetCode2100. 适合野炊的日子 你和朋友们准备去野炊。给你一个下标从 0 开始的整数数组 security ，其中 security[i] 是第 i 天的建议出行指数。日子从 0 开始编号。同时给你一个整数 time 。 如果第 i 天满足以下所有条件…...

编程日记 2024/9/17 13:29:50

HarmonyOS 速记

目录 装饰器Entry(入口)Component(组件)State(状态)Preview(预览)PreviewerInspector 结构体structbuild自定义组件自定义 Custom 组件 容器Row(行) & Column(列)RelativeContainer(相对布局容器)marginpaddingGrid(网格容器)List(列表) 组件Image(图片)图片的填充模式 Tex…...

编程日记 2024/9/17 13:27:48

使用 Milvus、vLLM 和 Llama 3.1 搭建 RAG 应用

vLLM 是一个简单易用的 LLM 推理服务库。加州大学伯克利分校于 2024 年 7 月将 vLLM 作为孵化项目正式捐赠给 LF AI & Data Foundation 基金会。欢迎 vLLM 加入 LF AI & Data 大家庭！🎉 在主流的 AI 应用架构中，大语言模型&#xff0…...

编程日记 2024/9/17 13:26:47

【springboot】父子工程项目搭建

父工程创建 1.新建一个spring项目 2.选择合适的springboot版本，点击【完成】，即创建父工程完毕 3.删除父工程中无用文件：src 创建子工程模块 1.右键项目名->新建（news）->模块（Module）…...

编程日记 2024/9/17 13:25:42

【Paper Reading】结合 NanoFlow 研究，优化大语言模型服务效率的探索

作者 王伟 PAI引擎团队 近年来，人工智能领域的快速发展推动了大型语言模型的广泛应用，随之而来的是对其服务效率的迫切需求。论文《NanoFlow：Towards Optimal Large Language Model Serving Throughput》提出了一种突破性的新型服务框架&…...

编程日记 2024/9/17 13:24:41

达芬奇竖屏导出有黑屏解决方案

文章目录 项目设置导出设置 初学达芬奇，导出的时候，总是有黑边。 经过研究，才发现导出的时候的分辨率和项目分辨率 2个地方都要设置，否则导出就会导致有黑边。 项目设置 点击 文件 选择项目设置 选择竖屏分辨率 导出设置...

编程日记 2024/9/17 13:23:40

Elasticsearch Java API 针对 Geohash7 网点进行分桶聚合

需求整理： geohash 7网格存储工作热度和学习热度数值，支持随机区域多个范围的热度聚合； 创建索引结构 索引文档需要包含 Geohash 网格、工作热度和学习热度等字段。可以在 Elasticsearch 中定义一个索引，确保 location 字段的类…...

编程日记 2024/9/17 13:19:35

Transformer学习（1）：注意力机制

文章目录 什么是注意力如何实现注意注意力的计算过程总结 什么是注意力 在一张图像中，包含了各种信息，而我们会自动关注重要的信息。下图是注意力热力图，可以发现人们会注意兔子的脸这些重要信息。 而在深度学习中，输入数据包含…...

编程日记 2024/9/17 13:17:32

spring模块（六）spring event事件（3）广播与异步问题

发布事件和监听器之间默认是同步的；监听器则是广播形式。demo： event： package com.listener.demo.event;import com.listener.demo.dto.UserLogDTO; import org.springframework.context.ApplicationEvent;public class MyLogEvent extends…...

编程日记 2024/9/17 13:16:31

【Elasticsearch系列八】高阶使用

💝💝💝欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。 推荐:kwan 的首页,持续学…...

编程日记 2024/9/17 13:15:30

【H2O2|全栈】关于CSS（4）CSS基础（四）

目录 CSS基础知识 前言 准备工作 精灵图 概念 属性 案例 浮动 基础属性 清除浮动 案例 预告和回顾 后话 CSS基础知识 前言 本系列博客将分享层叠样式表（CSS）有关的知识点。 接下来的几期内容相对比较少，主要是对前面的内容进…...

编程日记 2024/9/17 13:14:29

node.js+Koa框架+MySQL实现注册登录

完整视频展示：https://item.taobao.com/item.htm?ftt&id831092436619&spma21dvs.23580594.0.0.52de2c1bg9gTfM 效果展示： 一、项目介绍 本项目是基于node.jsKoamysql的注册登录的项目,主要是给才学习node.js和Koa框架的萌新才写的。 二、项目…...

编程日记 2024/9/17 13:13:28

矢量化操作

约定 本文中的”向量”均指一维数组/张量，”矩阵”均值二维数组/张量 前言 在ML当中，向量和矩阵非常常见。由于之前使用C语言的惯性，本人经常会从标量的角度考虑向量和矩阵的运算，也就是用for循环来完成向量或矩阵的运算。实际上，for循环的风格比python内置的操作或pytor…...

编程日记 2024/9/17 13:11:23

【LeetCode】每日一题 2024_9_16 公交站间的距离（模拟）

前言 每天和你一起刷 LeetCode 每日一题~ LeetCode 启动！ 题目：公交站间的距离 代码与解题思路 func distanceBetweenBusStops(distance []int, start int, destination int) int {// 首先让 start > destination, 这两个谁大对结果没有影响&#…...

编程日记 2024/9/17 13:09:21

【Python笔记】PyCharm大模型项目环境配置

一、PyCharm创建新项目 二、更新pip版本 ...>python.exe -m pip install --upgrade pip 三、生成所需requirements配置文件 ...>pip freeze > requirements.txt 四、安装所需组件requirements.txt ...>pip install -r requirements.txt...

编程日记 2024/9/17 13:08:19

FPGA-Vivado-IP核-虚拟输入输出（VIO）

VIO IP核 背景介绍 Vivado中的VIO（Virtual Input/Output，虚拟输入/输出） IP核是一种用于调试和测试FPGA设计的IP核。当设计者通过JTAG接口与FPGA芯片连接时，在Vivado的Verilog代码中添加VIO IP核，就可以让设计者与FPG…...

编程日记 2024/9/17 13:06:05

使用knn算法对iris数据集进行分类

程序功能 使用 scikit-learn 库中的鸢尾花数据集（Iris dataset），并基于 KNN（K-Nearest Neighbors，K近邻）算法进行分类，最后评估模型的准确率。 代码 from sklearn import datasets# 加载鸢尾…...

编程日记 2024/9/17 13:05:04

GEE Shapefile 格式转换 GeoJSON

在地理信息系统（GIS）领域，数据格式之间的转换是一项常见的需求。例如，将 Shapefile 格式转换为 GeoJSON 格式，对于上传数据到 Google Earth Engine (GEE) 尤其有用。本文将通过一个 Python 脚本的示例，实现…...

编程日记 2024/9/17 13:04:03

云原生核心技术 (7/12): K8s 核心概念白话解读(上)：Pod 和 Deployment 究竟是什么？

大家好，欢迎来到《云原生核心技术》系列的第七篇！ 在上一篇，我们成功地使用 Minikube 或 kind 在自己的电脑上搭建起了一个迷你但功能完备的 Kubernetes 集群。现在，我们就像一个拥有了一块崭新数字土地的农场主，是时…...

编程新知 2025/12/14 22:32:59

K8S认证|CKS题库+答案| 11. AppArmor

目录 11. AppArmor 免费获取并激活 CKA_v1.31_模拟系统 题目 开始操作： 1）、切换集群 2）、切换节点 3）、切换到 apparmor 的目录 4）、执行 apparmor 策略模块 5）、修改 pod 文件 6）、…...

编程新知 2026/1/29 2:11:35

Java如何权衡是使用无序的数组还是有序的数组

在 Java 中，选择有序数组还是无序数组取决于具体场景的性能需求与操作特点。以下是关键权衡因素及决策指南： ⚖️ 核心权衡维度 维度有序数组无序数组查询性能二分查找 O(log n) ✅线性扫描 O(n) ❌插入/删除需移位维护顺序 O(n) ❌直接操作尾部 O(1) ✅内存开销与无序数组相…...

编程新知 2025/8/3 11:17:37

Spring数据访问模块设计

前面我们已经完成了IoC和web模块的设计，聪明的码友立马就知道了，该到数据访问模块了，要不就这俩玩个6啊，查库势在必行，至此，它来了。 一、核心设计理念 1、痛点在哪 应用离不开数据（数据库、No…...

编程新知 2026/2/4 16:13:50

RNN避坑指南：从数学推导到LSTM/GRU工业级部署实战流程

本文较长，建议点赞收藏，以免遗失。更多AI大模型应用开发学习视频及资料，尽在聚客AI学院。 本文全面剖析RNN核心原理，深入讲解梯度消失/爆炸问题，并通过LSTM/GRU结构实现解决方案，提供时间序列预测和文本生成…...

编程新知 2026/1/20 17:16:46

Fabric V2.5 通用溯源系统——增加图片上传与下载功能

fabric-trace项目在发布一年后，部署量已突破1000次，为支持更多场景，现新增支持图片信息上链，本文对图片上传、下载功能代码进行梳理，包含智能合约、后端、前端部分。 一、智能合约修改 为了增加图片信息上链溯源，需要对底层数据结构进行修改，在此对智能合约中的农产品数…...

编程新知 2025/9/27 12:03:43

Java + Spring Boot + Mybatis 实现批量插入

在 Java 中使用 Spring Boot 和 MyBatis 实现批量插入可以通过以下步骤完成。这里提供两种常用方法&#xff1a;使用 MyBatis 的 <foreach> 标签和批处理模式&#xff08;ExecutorType.BATCH&#xff09;。 方法一&#xff1a;使用 XML 的 <foreach> 标签&#xff…...

编程新知 2025/6/11 2:44:05

动态 Web 开发技术入门篇

一、HTTP 协议核心 1.1 HTTP 基础 协议全称 &#xff1a;HyperText Transfer Protocol&#xff08;超文本传输协议&#xff09; 默认端口 &#xff1a;HTTP 使用 80 端口&#xff0c;HTTPS 使用 443 端口。 请求方法 &#xff1a; GET &#xff1a;用于获取资源&#xff0c;…...

编程新知 2025/10/3 0:42:17

Selenium常用函数介绍

目录 一&#xff0c;元素定位 1.1 cssSeector 1.2 xpath 二&#xff0c;操作测试对象 三&#xff0c;窗口 3.1 案例 3.2 窗口切换 3.3 窗口大小 3.4 屏幕截图 3.5 关闭窗口 四&#xff0c;弹窗 五&#xff0c;等待 六&#xff0c;导航 七&#xff0c;文件上传 …...

编程新知 2026/1/29 3:55:23

uniapp 小程序 学习（一）

利用Hbuilder 创建项目 运行到内置浏览器看效果 下载微信小程序 安装到Hbuilder 下载地址 &#xff1a;开发者工具默认安装 设置服务端口号 在Hbuilder中设置微信小程序 配置 找到运行设置&#xff0c;将微信开发者工具放入到Hbuilder中&#xff0c; 打开后出现 如下 bug 解…...

编程新知 2026/2/5 4:29:00