Vue3 启动项目失败error when starting dev server: Error: listen EACCES: permission denied 127.0.0.1:80

原创 2024-04-15 09:25:18 1.9w 阅读 AI写同款
收录于
Vue

当前文章被收录于：

Vue
8 篇文章 0 人学习
订阅专栏 查看详情
退无可退而立版
退无可退而立版 博客等级 码龄9年 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 1.9w累计阅读 2w+平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要
1万+粉丝316篇原创
关注
Nginx Server Block与Location Block匹配机制深度解析 Nginx的请求分发本质是两级路由决策：先基于listen指令在连接阶段完成server块筛选，再依据server_name和URI路径在请求阶段执行location匹配。其核心原理在于监听树（listening tree）的哈希索引与location三级匹配引擎（Prefix/Exact/Regex）的协同调度，技术价值体现在毫秒级流量分发、高并发下的低CPU开销及安全边界可控性。典型应用场景包括HTTPS与HTTP server隔离、前端History模式404修复、微服务子域名动态路由及IPv6双栈监 阅读详情
AI摘要

在启动开发服务器时遇到错误，问题在于尝试使用端口80但权限被拒绝。修改package.json中的dev脚本，将端口改为81以避免与已有服务冲突。使用`npmrundev--port81`可以成功启动项目。,

报错情况

error when starting dev server:
Error: listen EACCES: permission denied 127.0.0.1:80
    at Server.setupListenHandle [as _listen2] (node:net:1415:21)
    at listenInCluster (node:net:1480:12)
    at GetAddrInfoReqWrap.doListen [as callback] (node:net:1629:7)
    at GetAddrInfoReqWrap.onlookup [as oncomplete] (node:dns:111:8)

启动项目加个端口（任意）

npm run dev -- --port 81

报错原因

文件package.json 端口80冲突

  "scripts": {
    "dev": "vite --port 80--open",   //端口80冲突
    "build": "vue-tsc && vite build",
    "preview": "vite preview"
  },
标签
#服务器 #centos #vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
Nginx server块与location块匹配算法详解 Nginx虚拟主机路由与URI路径匹配是Web服务器配置的核心机制。其本质是基于TCP监听、HTTP Host头/SNI域名解析的server块选择，以及遵循精确匹配＞前缀匹配＞正则匹配的七步location决策树。该机制决定了请求如何被精准分发到对应服务单元，直接影响HTTPS证书加载、静态资源404、API网关转发等关键行为。理解server_name匹配优先级、listen指令隐式协议约束、location ^~与~的冲突规则，是实现高可用反向代理、安全路径控制和可验证配置落地的技术基础。本文深入剖析 阅读详情

相关推荐

Ubuntu安装CodeX权限问题根源与安全解决方案

Linux系统权限模型是保障安全的基础机制，其核心在于用户、组与文件/资源的访问控制（POSIX权限、capability、socket权限等）。Node.js全局安装报EACCES、本地服务绑定端口失败、Docker API连接被拒——这些看似分散的问题，本质都是Ubuntu默认安全策略对未授权操作的统一拒绝响应。理解`/usr/local/lib/node_modules`目录所有权、`/var/run/docker.sock`套接字组权限、以及非特权端口的网络策略约束，是构建稳定开发环境的前提。技术价

csxc65837的博客 502

error when starting dev server: Error: listen EACCES: permission denied

网上查了些博客说是端口占用的问题，但是查端口也查不到，任务管理器也没有占用的。昨天npm run dev还好好的，今天一打开就报错了。后来，重启下结果好了，开心。

qq_41135011的博客 2822

code-server生产部署指南：解决insecure context与剪贴板失效

code-server并非VS Code的Web版，而是将原生VS Code服务端进程运行于Linux服务器的IDE运行时，通过WebSocket实现浏览器远程交互。其核心价值在于全扩展兼容、环境一致性和强权限管控，适用于金融信创、教育实训与外包交付等高合规场景。技术难点集中于浏览器安全模型——因Clipboard API、WebView等敏感接口强制要求Secure Context（HTTPS+可信证书+localhost或标准端口），导致http://192.168.x.x访问时出现'insecure

weixin_34306593的博客 442

error when starting dev server:Error: The package “@esbuild/win32-x64“ could not be found, and is n

启动npm run dev时报错。 failed to load config from C:\Users\PC3803\Desktop\Vue3+TS\vue3_ts_cms\vite.config.ts error when starting dev server: Error: The package "@esbuild/win32-x64" could not be found, and is needed by esbuild. "--no-optional" or "--omit=option

weixin_57677300的博客 1万+

code-server生产部署指南：Ubuntu 18.04 + Nginx + systemd 完整实践

云IDE是现代开发基础设施的关键组件，其核心在于将完整桌面级编辑器能力通过Web协议安全交付。code-server作为VS Code的开源Web化实现，依托Code-OSS内核，完整继承插件生态、调试协议与语言服务，本质是轻量级云原生开发环境。它解决的是跨设备一致性、环境标准化与团队协作效率三大工程痛点，适用于远程办公、DevOps流水线集成、教学实验平台及SaaS化开发工具交付等场景。本文聚焦Ubuntu 18.04 LTS这一稳定基线，详解Nginx反向代理（含WebSocket长连接配置）、syst

weixin_34248705的博客 301

Ubuntu 12.04 安装 Node.js v0.12.18 官方二进制包实操指南

Node.js 是基于 Chrome V8 引擎的 JavaScript 运行时环境，其核心价值在于提供高性能、事件驱动的非阻塞 I/O 模型。在老旧系统如 Ubuntu 12.04（EOL 系统）上，官方二进制包方案可绕过 apt 包管理器的版本冻结限制，避免源码编译引发的 GCC 版本冲突、OpenSSL 安全缺陷及依赖地狱等问题。该方案具备自包含、免编译、秒级切换等工程优势，特别适用于硬件驱动锁定、内核兼容性受限的生产场景。本文聚焦于 v0.12.18 这一与 Ubuntu 12.04 glibc 2

weixin_34355559的博客 450

Vue3 启动项目失败error when starting dev server: Error: listen EACCES: permission denied 127.0.0.1:5173

【代码】Vue3 启动项目失败error when starting dev server: Error: listen EACCES: permission denied 127.0.0.1:5173。

qq_40940904的博客 1471

Ubuntu 22.04下Nginx Web Root迁移：权限、AppArmor与路径配置全解析

Web Root（文档根目录）是Nginx服务响应HTTP请求的文件系统起点，其配置直接影响静态资源加载、权限控制与安全合规。在Ubuntu 22.04中，由于AppArmor默认启用、/srv目录权限语义变更、www-data组继承机制调整及open_file_cache缓存行为差异，传统root路径迁移极易引发403/404错误。理解Linux目录遍历（x权限）、Nginx location匹配逻辑（root vs alias）、AppArmor策略约束（rwkl权限模型）三大核心原理，是保障Larav

weixin_34295316的博客 382

Vite开发服务器端口权限问题解决方案

在Web开发中，端口冲突和权限问题是常见的开发环境配置挑战。现代前端工具链如Vite默认使用5173端口启动开发服务器，其底层基于Node.js的net模块实现TCP连接。当系统权限配置或端口占用导致EACCES错误时，开发者需要理解操作系统级的端口管理机制。通过分析Vite启动流程和Node.js网络模块工作原理，可以采取修改端口配置、处理权限问题或强制使用IPv4等多种解决方案。这些技术实践不仅适用于Vue3+Vite项目，也能帮助解决React、Svelte等基于Vite的项目中的类似问题，特别是在团

weixin_30588675的博客 439

Node.js开发环境容器化：用Docker Compose实现一致可复现的本地开发

容器化开发环境是解决团队协作中‘环境漂移’问题的核心技术路径，其本质是通过声明式配置将运行时（Node.js）、隔离机制（Docker）、编排能力（Docker Compose）与开发流程（Development）深度耦合。它基于进程隔离与文件系统挂载原理，确保依赖、端口、调试协议等关键要素在不同机器上严格一致，从而显著提升新人上手效率、降低CI失败率、消除跨平台联调阻塞。该方案不追求生产级精简，而是聚焦热重载、源码映射、VS Code调试集成等工程实践刚需，天然适配Express、NestJS、TypeS

benben 387

vue3 - 报错error when starting dev serve: Error: Cannot find module ‘node:url‘（完美解决方法）

vue3，vite，运行项目报错，npm run dev，vue3启动报错，vue3 Error: Cannot find module 'node:url'，vue3 error when starting dev serve，vue3 Failed to load config from 'xx'，报错解决方法，vue3如何解决运行出现报错，vue3安装依赖后运行报错如何解决，怎么处理vue3运行报错提示，vue报错，解决报错，终端提示错误，浏览器报错，在VUE3+vite项目run dev运行起不来报

✅ 精选推荐文章 6996

localhost:3000拒绝访问排查：端口占用、IPv6与保留端口

本地开发中，localhost:3000 拒绝访问（ERR_CONNECTION_REFUSED）是常见故障，其根源可能包括端口占用、IPv6 优先解析到 ::1、Windows 保留端口区间或容器绑定地址错误。理解 TCP 连接拒绝与端口监听原理，掌握 netstat、lsof 等命令，可快速区分服务未启动、端口冲突与网络配置问题。通过 strictPort 固定端口、编写自检脚本，能显著减少团队协作中的无效排查。这套思路覆盖 Vite、Express、Docker 等场景，从分诊到根治，助你三十秒定位并

weixin_34354173的博客 351

error when starting dev server:Error: listen EACCES: permission denied 0.0.0.0:80 at Server.set

error when starting dev server: Error: listen EACCES: permission denied 0.0.0.0:80 at Server.setupListenHandle [as _listen2] (node:net:1313:21) at listenInCluster (node:net:1378:12) at Server.listen (node:net:1465:7)使用 cnpm install 可以

隔壁老瓦的专栏 9038

从本地到部署：环境差异与依赖冲突的实战排查指南

在软件开发和部署过程中，环境差异和依赖管理是导致应用在本地运行正常、上线后却出现故障的常见原因。理解环境配置、依赖锁定和网络策略等基础概念，是构建稳定部署流程的关键。其技术价值在于通过标准化和自动化，显著提升部署成功率和运维效率，减少因环境不一致导致的“积分”和时间浪费。典型的应用场景包括Web应用从开发环境迁移到生产服务器时，遇到的运行时版本不匹配、依赖缺失或配置错误等问题。本文以Node.js项目为例，系统梳理了从日志分析、依赖检查到网络调试的完整排查路径，并提供了实用的检查清单和速查表，帮助开发者高效

weixin_33827590的博客 353

【异常】TypeError: crypto$2.getRandomValues is not a function

摘要：报错"crypto$2.getRandomValues is not a function"通常由于Node.js版本过低(14及以下)或环境不支持Web Crypto API导致。解决方案包括：升级Node.js至16+版本；在Node环境显式导入crypto模块；修改Webpack配置添加polyfill；升级相关依赖包；检查代码是否存在浏览器特定API误用。建议首先通过node -v检查版本，再根据项目类型(纯Node或前端框架)选择适当修复方案。

奶爸的编程之路，也就一周冷个三天 2896

别再只用GWR了！用Python的mgtwr包搞定时空地理加权回归(GTWR)实战

本文详细介绍了如何使用Python的mgtwr包进行时空地理加权回归(GTWR)实战，突破传统GWR模型的局限。通过核心差异解析、实战全流程演示和进阶技巧，帮助读者掌握GTWR在房价波动、污染物扩散等时空数据分析中的应用，提升模型预测精度。

weixin_30899023的博客 341

Node.js开发提效核心：nodemon原理、配置与工程化实践

nodemon是Node.js开发中实现热重载的关键工具，其本质是在原生node运行时之上构建的轻量级文件监听与进程生命周期协调层。它基于chokidar监听文件变更，通过信号机制（如SIGUSR2）优雅终止旧进程并启动新实例，从而将代码保存到服务就绪压缩至毫秒级响应。该技术显著提升开发反馈效率，支撑TypeScript转译、多进程协同、调试端口自动注入等现代前端/全栈工作流。典型应用场景包括Express/Fastify服务快速迭代、Vue+Node全栈联调、微服务本地预热等。本文深入解析nodemon安

weixin_30237719的博客 258

电子产品设计中EFT防护的关键技术与实践

本文深入探讨了电子产品设计中EFT（快速瞬变脉冲群）防护的关键技术与实践。文章从EFT干扰的原理入手，系统阐述了通过优化PCB布局与地平面设计、构建电源与信号端口滤波防护电路、精选核心器件以及实施软件容错策略，来构建多层次、系统性的抗干扰防线，助力产品稳定通过严苛的电磁兼容测试。

e4f5g6h的博客 786

Laravel Docker Compose 容器化实战：Ubuntu 18.04 全流程指南

容器化是现代 PHP 应用开发的基础能力，其核心在于将 Laravel 及其依赖（Nginx、PHP-FPM、MySQL、Redis）封装为可复现、可移植的运行单元。它基于 Linux 命名空间与 Cgroups 实现进程隔离与资源约束，技术价值在于彻底解决‘本地能跑、线上报错’的环境不一致问题，显著提升团队协作效率与 CI/CD 稳定性。典型应用场景包括跨开发者环境统一、快速搭建测试沙箱、平滑对接云原生基础设施。本文聚焦 Ubuntu 18.04 这一广泛使用的 LTS 系统，详解如何通过 Docker

weixin_30572613的博客 371

《Unity DOTS之ECS从入门到不香》（1）基本概念

文章目录一、什么是DOTS？二、什么是ECS？三、Hello World 一、什么是DOTS？ Data Oriented Tech Stack(DOTS)是unity推出的多线程面向数据的技术堆栈 。它是一套高性能解决方案，包含三个部分： 1.ECS：ECS是一种有别于面向对象的编程模式，是面向CPU Cache友好的编程模式。要求代码都要按照 实体+组件+系统 的框架构建。官方链接 2.JobSystem：JobSystem是unity推出的一套先进的多线程任务管理系统，结合ECS可以获得最佳性能。当然

Cxihu田树东的游戏开发博客 2731

Transformer实战（38）——视觉Transformer (Vision Transformer, ViT)

Transformer 在自然语言处理 (NLP) 领域取得了显著成就，在许多不同的任务中都表现出色。在本节中，我们将探索视觉 Transformer (Vision Transformer, ViT) 模型。正如 NLP 领域创建了多种模型一样，视觉领域也开发了多种模型，每种模型都为计算机视觉提供了新的视角。通过本节，将学习如何使用 ViT 等模型进行计算机视觉任务，了解基于 Transformer 的预训练计算机视觉模型的工作原理，以及如何针对特定任务进行微调。

盼小辉丶的博客 2807

Node.js开发环境容器化：用Docker Compose重构本地工作流

Node.js 开发环境一致性是前端工程化的核心挑战，其根源在于运行时依赖脆弱、缺乏编译期约束。容器化通过声明式定义（如 Docker Compose）实现环境可复现、可版本化、可协作，将隐性配置显性化为代码。关键技术价值在于解耦开发与宿主系统——统一 Node 版本、隔离 node_modules、透传信号、精准挂载热重载路径，并原生支持 VS Code 调试与 Postman API 测试。典型应用场景包括跨团队协作、CI/CD 环境对齐、微服务本地联调及 TypeScript/Vite/Next.js

weixin_30564785的博客 435

如何在飞腾平台上安装Ubuntu操作系统

注意： 若主板上配置的是NVME硬盘，在进行内核配置时，需要将内核的NEME驱动勾选上，否则移植内核时，无法找到文件系统，进不去操作系统。可以通过rufus软件将镜像做到U盘中，本次使用版本为Rufus 3.9.124 ，其他版本也可以。不要下载live版本的，没有准备网络环境，是一个头疼的事情，笔者暂时没有实现网络安装。将U盘接到主板usb口上，接上串口，显示器，，必需串口有打印才可以安装。可以通过dd命令，将iso安装到U盘。安装的是最小系统，缺少很多命令，需要联网更新，或则更换飞腾专用内核。

技术联盟 2639
上一篇： tomcat免安装步骤冲突和注意事项
下一篇： vue3如何制作element-plus离线文档
点赞 12
评论 2
书签 书签 27
退无可退而立版
退无可退而立版
博客等级 码龄9年 1万+粉丝 316原创
+ 关注 专栏目录 订阅专栏
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值