苍穹外卖 修改nginx的端口后websocket连接失败解决
苍穹外卖 修改nginx的端口后websocket连接失败解决
问题：
后端配置好websocket后前端仍显示如图所示的错误
解决：
- 先用websocket在线工具测试后端是否能正常连接（这个基本上不会出现问题）
- 用f12观察前端发送的请求
正常来说这个请求的url会被nginx反向代理到http://localhost:8080/ws/xxxx,
但却没能得到响应。原因就是其实它并未被反向代理 由于80端口被占用，所以我把nginx的端口改成了81，而前端发送请求的路径是ws://localhost/ws/xxxx，搜了一下ws协议的默认端口是80，nginx被改了之后监听不到80了导致不能对该路径进行反向代理。- 问题出在前端只能去改前端的代码，位置在
nginx-1.20.2\html\sky\js\app.d0aa4eb3.js
ctrl+f搜索ws找到对应代码，将端口号定为81（改成你修改的端口）
](https://i-blog.csdnimg.cn/direct/aeef273572ee4e16b12d6acc52ff373a.png)
- 到此还未结束，一定要记得清理浏览器的缓存或者换个浏览器。如果f12发现自己改了代码，但是请求的路径没变，那就是缓存没清。
最后有帮助请点个赞吧👍
相关文章：
苍穹外卖 修改nginx的端口后websocket连接失败解决
苍穹外卖 修改nginx的端口后websocket连接失败解决 问题： 后端配置好websocket后前端仍显示如图所示的错误 解决： 先用websocket在线工具测试后端是否能正常连接（这个基本上不会出现问题）用f12观察前端发送的请求 正常来说这个请…...
快速解决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/…...
【C++前后缀分解 动态规划】2100. 适合野炊的日子|1702
本文涉及知道点 C前后缀分解 C动态规划 LeetCode2100. 适合野炊的日子 你和朋友们准备去野炊。给你一个下标从 0 开始的整数数组 security ，其中 security[i] 是第 i 天的建议出行指数。日子从 0 开始编号。同时给你一个整数 time 。 如果第 i 天满足以下所有条件…...
HarmonyOS 速记
目录 装饰器Entry(入口)Component(组件)State(状态)Preview(预览)PreviewerInspector 结构体structbuild自定义组件自定义 Custom 组件 容器Row(行) & Column(列)RelativeContainer(相对布局容器)marginpaddingGrid(网格容器)List(列表) 组件Image(图片)图片的填充模式 Tex…...
使用 Milvus、vLLM 和 Llama 3.1 搭建 RAG 应用
vLLM 是一个简单易用的 LLM 推理服务库。加州大学伯克利分校于 2024 年 7 月将 vLLM 作为孵化项目正式捐赠给 LF AI & Data Foundation 基金会。欢迎 vLLM 加入 LF AI & Data 大家庭！🎉 在主流的 AI 应用架构中，大语言模型࿰…...
【springboot】父子工程项目搭建
父工程创建 1.新建一个spring项目 2.选择合适的springboot版本，点击【完成】，即创建父工程完毕 3.删除父工程中无用文件：src 创建子工程模块 1.右键项目名->新建（news）->模块（Module）…...
【Paper Reading】结合 NanoFlow 研究，优化大语言模型服务效率的探索
作者 王伟 PAI引擎团队 近年来，人工智能领域的快速发展推动了大型语言模型的广泛应用，随之而来的是对其服务效率的迫切需求。论文《NanoFlow：Towards Optimal Large Language Model Serving Throughput》提出了一种突破性的新型服务框架&…...
达芬奇竖屏导出有黑屏解决方案
文章目录 项目设置导出设置 初学达芬奇，导出的时候，总是有黑边。 经过研究，才发现导出的时候的分辨率和项目分辨率 2个地方都要设置，否则导出就会导致有黑边。 项目设置 点击 文件 选择项目设置 选择竖屏分辨率 导出设置...
Elasticsearch Java API 针对 Geohash7 网点进行分桶聚合
需求整理： geohash 7网格存储工作热度和学习热度数值，支持随机区域多个范围的热度聚合； 创建索引结构 索引文档需要包含 Geohash 网格、工作热度和学习热度等字段。可以在 Elasticsearch 中定义一个索引，确保 location 字段的类…...
Transformer学习（1）：注意力机制
文章目录 什么是注意力如何实现注意注意力的计算过程总结 什么是注意力 在一张图像中，包含了各种信息，而我们会自动关注重要的信息。下图是注意力热力图，可以发现人们会注意兔子的脸这些重要信息。 而在深度学习中，输入数据包含…...
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…...
【Elasticsearch系列八】高阶使用
💝💝💝欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。 推荐:kwan 的首页,持续学…...
【H2O2|全栈】关于CSS（4）CSS基础（四）
目录 CSS基础知识 前言 准备工作 精灵图 概念 属性 案例 浮动 基础属性 清除浮动 案例 预告和回顾 后话 CSS基础知识 前言 本系列博客将分享层叠样式表（CSS）有关的知识点。 接下来的几期内容相对比较少，主要是对前面的内容进…...
node.js+Koa框架+MySQL实现注册登录
完整视频展示：https://item.taobao.com/item.htm?ftt&id831092436619&spma21dvs.23580594.0.0.52de2c1bg9gTfM 效果展示： 一、项目介绍 本项目是基于node.jsKoamysql的注册登录的项目,主要是给才学习node.js和Koa框架的萌新才写的。 二、项目…...
矢量化操作
约定 本文中的”向量”均指一维数组/张量，”矩阵”均值二维数组/张量 前言 在ML当中，向量和矩阵非常常见。由于之前使用C语言的惯性，本人经常会从标量的角度考虑向量和矩阵的运算，也就是用for循环来完成向量或矩阵的运算。实际上，for循环的风格比python内置的操作或pytor…...
【LeetCode】每日一题 2024_9_16 公交站间的距离（模拟）
前言 每天和你一起刷 LeetCode 每日一题~ LeetCode 启动！ 题目：公交站间的距离 代码与解题思路 func distanceBetweenBusStops(distance []int, start int, destination int) int {// 首先让 start > destination, 这两个谁大对结果没有影响&#…...
【Python笔记】PyCharm大模型项目环境配置
一、PyCharm创建新项目 二、更新pip版本 ...>python.exe -m pip install --upgrade pip 三、生成所需requirements配置文件 ...>pip freeze > requirements.txt 四、安装所需组件requirements.txt ...>pip install -r requirements.txt...
FPGA-Vivado-IP核-虚拟输入输出（VIO）
VIO IP核 背景介绍 Vivado中的VIO（Virtual Input/Output，虚拟输入/输出） IP核是一种用于调试和测试FPGA设计的IP核。当设计者通过JTAG接口与FPGA芯片连接时，在Vivado的Verilog代码中添加VIO IP核，就可以让设计者与FPG…...
使用knn算法对iris数据集进行分类
程序功能 使用 scikit-learn 库中的鸢尾花数据集（Iris dataset），并基于 KNN（K-Nearest Neighbors，K近邻）算法进行分类，最后评估模型的准确率。 代码 from sklearn import datasets# 加载鸢尾…...
GEE Shapefile 格式转换 GeoJSON
在地理信息系统（GIS）领域，数据格式之间的转换是一项常见的需求。例如，将 Shapefile 格式转换为 GeoJSON 格式，对于上传数据到 Google Earth Engine (GEE) 尤其有用。本文将通过一个 Python 脚本的示例，实现…...
Elsevier Tracker：科研投稿状态追踪的自动化解决方案
Elsevier Tracker：科研投稿状态追踪的自动化解决方案 【免费下载链接】Elsevier-Tracker 项目地址: https://gitcode.com/gh_mirrors/el/Elsevier-Tracker 在学术出版流程中，论文投稿后的状态监控一直是科研人员面临的重要挑战。传统的人工查询方…...
seo优化服务价格一般是多少_网站快速排名对网站访问量有什么影响
SEO优化服务价格一般是多少_网站快速排名对网站访问量有什么影响 在当前数字化经济的浪潮中，网站的流量和排名直接决定了企业的成功与否。SEO优化服务价格一般是多少？更重要的是，网站快速排名对网站访问量有什么影响呢？这两个问题…...
5分钟部署大麦抢票助手：告别手动刷票的智能解决方案
5分钟部署大麦抢票助手：告别手动刷票的智能解决方案 【免费下载链接】DamaiHelper 大麦网演唱会演出抢票脚本。 项目地址: https://gitcode.com/gh_mirrors/dama/DamaiHelper 在热门演唱会门票秒光的时代，手动刷新抢票已经成为历史。DamaiHelper大…...
Qwen3.5-4B-Claude-Opus-GGUF一键部署：CSDN镜像平台Web化推理服务上线指南
Qwen3.5-4B-Claude-Opus-GGUF一键部署：CSDN镜像平台Web化推理服务上线指南 1. 模型与平台介绍 Qwen3.5-4B-Claude-4.6-Opus-Reasoning-Distilled-GGUF 是一个基于 Qwen3.5-4B 的推理蒸馏模型，重点强化了结构化分析、分步骤回答、代码与逻辑类问题的处理…...
忍者像素绘卷从零开始：基于Z-Image-Turbo的亮色像素AI绘画实战教程
忍者像素绘卷从零开始：基于Z-Image-Turbo的亮色像素AI绘画实战教程 1. 认识忍者像素绘卷 忍者像素绘卷是一款基于Z-Image-Turbo深度优化的图像生成工作站，它将忍者的热血意志与16-Bit复古游戏美学完美融合。与传统AI绘画工具不同，它采用了独…...
Step3-VL-10B-Base模型效果边界测试：挑战复杂场景与对抗样本
Step3-VL-10B-Base模型效果边界测试：挑战复杂场景与对抗样本 最近在深度体验Step3-VL-10B-Base这个多模态大模型，它处理常规的图文任务确实很有一套，无论是看图说话还是基于图片的问答，表现都相当稳健。但作为一个喜欢“折腾”的…...
Fish-Speech-1.5与LLM集成：构建智能对话系统的完整指南
Fish-Speech-1.5与LLM集成：构建智能对话系统的完整指南 1. 引言 想象一下，你正在开发一个智能客服系统，用户用语音提问，系统不仅能理解问题，还能用自然流畅的语音回答。这听起来像是科幻电影里的场景，但现…...
RoboStudio6.08学习记录（1）
一.软件安装一、下载RobotStudio软件官方1. 请登陆网址：https://new.abb.com/products/robotics/robotstudio。2. 单击进入页面“下载RobotStudio软件”3. 单击填写信息后，可以获得下载链接二、安装RobotStudio软件1. 下载完成后，对压缩包进行…...
MinerU智能文档理解服务：专为高密度文本图像设计的轻量级解决方案
MinerU智能文档理解服务：专为高密度文本图像设计的轻量级解决方案 1. 引言：文档处理的智能化革命 在数字化办公时代，我们每天都要面对大量PDF文档、扫描件和图像资料。这些文件往往包含复杂的版面结构：多栏排版、嵌套表格、数学…...
Pixel Aurora Engine 赋能内容运营：社交媒体图文批量创作方案
Pixel Aurora Engine 赋能内容运营：社交媒体图文批量创作方案 1. 新媒体运营的配图痛点 每天打开电脑，新媒体运营小李都要面对同样的挑战：今天发什么图？从封面到内文配图，再到各种节日节气海报，原创设计根…...