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

苍穹外卖WebSocket无法建立连接 (修改前端代码)

news 2026/5/23 15:53:23

我在部署nginx 反向代理服务器时，把80端口改成了90端口(不与80端口的Tomcat冲突)。

但黑马的资料里定义了前端连接nginx的端口号默认为80，造成连接不上的问题，此时只需要修改前端的端口号，使其知道如何连接到修改后的后端端口。

具体步骤如下：

1、位置在nginx的安装目录/html/sky/js/app. **** .js文件中，通过ctrl+F查找 ws: localhost/ws/ ，然后修改成 ws: localhost:90/ws/

2、位置在nginx的安装目录/html/sky/js/app. **** .map文件中，通过ctrl+F查找 'process.env.VUE_APP_SOCKET_URL'，把这句话改成 'ws: localhost:90/ws/'，别忘了单引号

2、重新启动修改后的nginx

3、清空浏览器历史记录，重新输入地址，即可启动成功

相关文章：

苍穹外卖WebSocket无法建立连接 (修改前端代码)

我在部署nginx 反向代理服务器时，把80端口改成了90端口(不与80端口的Tomcat冲突)。 但黑马的资料里定义了前端连接nginx的端口号默认为80，造成连接不上的问题，此时只需要修改前端的端口号，使其知道如何连接到修改后的后端端口。 …...

编程日记 2024/11/6 13:59:43

音频内容理解

音频内容理解是音频处理和理解领域的一个重要方向，它涉及到从环境声音中提取语义信息，并能够对这些声音进行解释和描述。以下是音频内容理解的几个关键应用： 1. 音频问答（Audio Question Answering, AQA） 在这个任务…...

编程日记 2024/11/6 13:58:42

MQTT实用示例集：Air201版

今天贴出的是Air201版关于MQTT实用示例集，希望大家喜欢。 本示例教你通过使用脚本代码，对Air201模组进行MQTT链接操作。 操作例程包括： MQTT单链接 MQTT多链接 MQTT SSL不带证书链接 MQTT SSL带证书链接 大家可根据自身需求&#xff0c…...

编程日记 2024/11/6 13:51:35

Day23 opencv图像预处理

图像预处理 在计算机视觉和图像处理领域，图像预处理是一个重要的步骤，它能够提高后续处理（如特征提取、目标检测等）的准确性和效率。OpenCV 提供了许多图像预处理的函数和方法，常见的操作包括图像空间转换、图像大小调…...

编程日记 2024/11/6 13:50:34

优化模型训练过程中的显存使用率、GPU使用率

参考：https://blog.51cto.com/u_16099172/7398948 问题：用小数据集训练显存使用率、GPU使用率正常，但是用大数据集训练GPU使用率一直是0. 小数据： 大数据： 1、我理解GPU内存占用率显存使用率，由模型的大小…...

编程日记 2024/11/6 13:48:32

RocketMQ学习笔记

RocketMQ笔记 文章目录 一、引言⼆、RocketMQ介绍RocketMQ的由来 三、RocketMQ的基本概念1 技术架构2 部署架构 四、快速开始1.下载RocketMQ2.安装RocketMQ3.启动NameServer4.启动Broker5.使⽤发送和接收消息验证MQ6.关闭服务器 五、搭建RocketMQ集群1.RocketMQ集群模式2.搭建主…...

编程日记 2024/11/6 13:47:31

Linux第三讲：环境基础开发工具使用

Linux第三讲：环境基础开发工具使用 1.Linux软件包管理器yum1.1什么是软件包管理器1.2操作系统生态问题1.3什么是yum源 2.vim详解2.1什么是vim2.2vim的多模式讲解2.2.1命令模式的诸多指令2.2.1.1gg和nshiftg2.2.1.2shift$和shift^2.2.1.3上、下、左、右2.2.1.4w和b2.…...

编程日记 2024/11/6 13:46:30

日本TikTok直播的未来：专线网络助力创作者突破极限

近年来，随着短视频平台的崛起，尤其是TikTok（国际版抖音）成为全球范围内广受欢迎的社交娱乐平台，直播功能的加入无疑为内容创作者提供了更广阔的展示舞台。在日本，TikTok直播不仅使得年轻人能够实时与粉丝互…...

编程日记 2024/11/6 13:45:28

如何在家庭网络中设置静态IP地址：一份实用指南

在家庭网络环境中，IP地址扮演着至关重要的角色。大多数家庭用户依赖路由器的DHCP（动态主机配置协议）来自动分配IP地址，但在某些情况下，手动设置静态IP地址能为家庭网络带来更多的便利性与稳定性，尤其是在涉…...

编程日记 2024/11/6 13:43:26

qt QFile详解

1、概述 QFile类是Qt框架中用于读取和写入文本和二进制文件资源的I/O工具类。它继承自QFileDevice类，后者又继承自QIODevice类。QFile类提供了一个接口，允许开发者以二进制模式或文本模式对文件进行读写操作。默认情况下，QFile假定文件内容为…...

编程日记 2024/11/6 13:39:23

ESP8266 自定义固件烧录-Tcpsocket固件

一、固件介绍 固件为自定义开发的一个适配物联网项目的开源固件，支持网页配网、支持网页tcpsocket服务器配置、支持串口波特率设置。 方便、快捷、稳定！ 二、烧录说明 固件及工具打包下载地址： https://download.csdn.net/download/flyai…...

编程日记 2024/11/6 13:37:21

内网项目，maven本地仓库离线打包，解决Cannot access central in offline mode?

背景&#xff1a; 内网项目打包&#xff0c;解决Cannot access central in offline mode? 1、修改maven配置文件&#xff1a; localRepository改为本地仓库位置 <localRepository>D:\WorkSpace\WorkSoft\maven-repository\iwhalecloud-repository\business</loca…...

编程日记 2024/11/6 13:36:20

stack和queue ---＞容器适配器

不支持迭代器&#xff0c;迭代器无法满足他们的性质 边出边判断 实现 #define _CRT_SECURE_NO_WARNINGS 1 #include<iostream> #include<stack> #include<queue> using namespace std; int main() {stack<int> st;st.push(1);st.push(2);st.push(3);…...

编程日记 2024/11/6 13:34:18

ffmpeg视频解码

一、视频解码流程 使用ffmpeg解码视频帧主要可分为两大步骤&#xff1a;初始化解码器和解码视频帧&#xff0c;以下代码以mjpeg为例 1. 初始化解码器 初始化解码器主要有以下步骤&#xff1a; &#xff08;1&#xff09;查找解码器 // 查找MJPEG解码器pCodec avcodec_fin…...

编程日记 2024/11/6 13:33:17

前端入门一之CSS知识详解

前言 CSS是前端三件套之一&#xff0c;在MarkDown中也完美兼容这些语法&#xff1b;这篇文章是本人大一学习前端的笔记&#xff1b;欢迎点赞 收藏 关注&#xff0c;本人将会持续更新。 文章目录 Emmet语法&#xff1a;CSS基本语法&#xff1a;css语法结构只有3种&#xff1a…...

编程日记 2024/11/6 13:32:15

【JS学习】10. web API-BOM

文章目录 Web APIs - 第5天笔记js组成window对象定时器-延迟函数location对象navigator对象histroy对象本地存储&#xff08;今日重点&#xff09;localStorage&#xff08;重点&#xff09;sessionStorage&#xff08;了解&#xff09;localStorage 存储复杂数据类型 综合案例…...

编程日记 2024/11/6 13:31:14

C#实现递归获取所有父级的列表

条件&#xff1a; 父级的id是子级的父id形成递归条件 实现功能&#xff1a; 获取自己到最顶级父级的列表&#xff08;假如最顶级父级的父ID0&#xff09; 代码&#xff1a; 解释&#xff1a;CF_CODE是自己的ID&#xff0c;CF_PARENT_ID是父id /// <summary>/// 递归获…...

编程日记 2024/11/6 13:30:13

【深度学习】梯度累加和直接用大的batchsize有什么区别

梯度累加与使用较大的batchsize有类似的效果&#xff0c;但是也有区别 1.内存和计算资源要求 梯度累加&#xff1a; 通过在多个小的mini-batch上分别计算梯度并累积&#xff0c;梯度累积不需要一次加载所有数据&#xff0c;因此显著减少了内存需求。这对于显存有限的设别尤为重…...

编程日记 2024/11/6 13:26:08

【Linux】网络相关的命令

目录 ① ip addr show ② ip route show ③ iptables -nvL ④ ping -I enx00e04c6666c0 192.168.1.100 ⑤ ip route get 192.168.1.100 ⑥ sudo ip addr add dev enx00e04c6666c0 192.168.1.101/24 ⑦ ifconfig ⑧ netstat ⑨ traceroute ⑩ nslookup ① ip addr sho…...

编程日记 2024/11/6 13:23:04

leetcode哈希表（五）-四数相加II

题目 454.四数相加II 给你四个整数数组 nums1、nums2、nums3 和 nums4 &#xff0c;数组长度都是 n &#xff0c;请你计算有多少个元组 (i, j, k, l) 能满足&#xff1a; 0 < i, j, k, l < nnums1[i] nums2[j] nums3[k] nums4[l] 0 示例 1&#xff1a; 输入&…...

编程日记 2024/11/6 13:20:01

马斯克的 Grok 聊天机器人表现不佳，能否支撑 SpaceX 高估值存疑

Grok 表现不佳且使用少路透社一篇新报道得出结论&#xff0c;埃隆马斯克&#xff08;Elon Musk&#xff09;的“追求真相”人工智能聊天机器人 Grok 表现不佳&#xff0c;使用的人也不多。在去年美国政府使用人工智能的联邦记录中&#xff0c;Grok 几乎不见踪影。即便马斯克将其…...

编程新知 2026/5/23 15:46:41

Vue-Tree-List：轻松构建优雅树形结构的Vue组件指南

Vue-Tree-List&#xff1a;轻松构建优雅树形结构的Vue组件指南 【免费下载链接】vue-tree-list &#x1f332;A vue component for tree structure 项目地址: https://gitcode.com/gh_mirrors/vu/vue-tree-list 你是否曾为在Vue项目中实现复杂的树形结构而感到头疼&…...

编程新知 2026/5/23 14:26:37

工业机器视觉工控机选型指南：从硬件配置到现场调试

1. 产品定位与核心价值解析在工业自动化领域&#xff0c;尤其是机器视觉应用场景中&#xff0c;稳定、可靠且性能强劲的硬件平台是整套系统能够7x24小时无间断运行的基石。朗锐智科推出的这款机器视觉工控机&#xff0c;从其核心配置来看&#xff0c;精准地瞄准了中高端视觉检测…...

编程新知 2026/5/23 14:21:38

VideoDownloadHelper：打破网页视频下载壁垒的智能解决方案

VideoDownloadHelper&#xff1a;打破网页视频下载壁垒的智能解决方案 【免费下载链接】VideoDownloadHelper Chrome Extension to Help Download Video for Some Video Sites. 项目地址: https://gitcode.com/gh_mirrors/vi/VideoDownloadHelper 你是否曾遇到过这样的困…...

编程新知 2026/5/23 14:04:37

Mi-Create：让每个人都能成为小米手表表盘设计师的免费开源工具

Mi-Create&#xff1a;让每个人都能成为小米手表表盘设计师的免费开源工具 【免费下载链接】Mi-Create Unofficial watchface creator for Xiaomi wearables ~2021 and above 项目地址: https://gitcode.com/gh_mirrors/mi/Mi-Create 你是否曾经看着小米手表上那些千篇一…...

编程新知 2026/5/23 14:02:36

res-downloader终极指南：5分钟掌握全平台资源高效下载秘籍

res-downloader终极指南&#xff1a;5分钟掌握全平台资源高效下载秘籍 【免费下载链接】res-downloader 视频号、小程序、抖音、快手、小红书、直播流、m3u8、酷狗、QQ音乐等常见网络资源下载! 项目地址: https://gitcode.com/GitHub_Trending/re/res-downloader 想要轻…...

编程新知 2026/5/23 13:35:23

手把手教你用Wireshark抓包分析：一个Easymesh设备到底是怎么‘发现’并‘加入’你家网络的？

用Wireshark解密Easymesh组网&#xff1a;从设备发现到网络接入的全流程解析 当你在客厅新添置了一台支持Easymesh的路由器&#xff0c;通电后它就像有自主意识般自动加入了现有的家庭网络——这种看似"魔法"般的体验背后&#xff0c;其实是一系列精密的协议交互在发…...

编程新知 2026/5/23 11:42:06

AlphaDev：用强化学习在汇编层发现最短正确排序程序

1. 项目概述&#xff1a;当AI开始重写计算机科学的“圣经” “AlphaDev&#xff1a;Sorting Algorithm ‘Hold My Beer’”——这个标题刚在2023年5月登上《Nature》封面时&#xff0c;我正在给一群刚学完冒泡排序的大二学生讲算法课。下课后有个学生举手问&#xff1a;“老师&…...

编程新知 2026/5/23 11:06:32

Webdash社区贡献指南：如何参与开源项目并开发优质插件

Webdash社区贡献指南&#xff1a;如何参与开源项目并开发优质插件 【免费下载链接】webdash &#x1f525; Orchestrate your web project with Webdash the customizable web dashboard 项目地址: https://gitcode.com/gh_mirrors/we/webdash Webdash作为一款可定制的W…...

编程新知 2026/5/23 10:14:25

SQLines数据库迁移工具：从零开始的完整使用指南

SQLines数据库迁移工具&#xff1a;从零开始的完整使用指南 【免费下载链接】sqlines SQLines Open Source Database Migration Tools 项目地址: https://gitcode.com/gh_mirrors/sq/sqlines SQLines是一款功能强大的开源数据库迁移工具&#xff0c;专门用于在不同数据库…...

编程新知 2026/5/23 8:34:30