vue2 设置端口号小于1990(通过设置devServer.port)启动测试服务后端口失效/自动切换端口

vue2 设置端口号小于1990(通过设置devServer.port) 启动测试服务后端口失效/自动切换端口

问题描述

在配置文件vue.config.js中

javascript 复制代码
module.exports = {
    
    devServer: {
        host: 'localhost',
        port: 1890,
        // ...
    }

项目创建后一直使用1890,能正常启动localhost:1890服务,突然有一天,发现服务启动后端口号变成1991,没有任何报错,1991上的服务正常能使用。

相关解释(来自度娘AI机器人)

vue2 低于 1990端口无效

在Vue.js框架中,如果尝试绑定的端口号低于1990,可能会遇到无效的问题。这通常是因为在某些操作系统中,低于这个数值的端口可能被系统保留或需要管理员权限才能使用。

解决方法:

  1. 更改端口号:在项目的配置文件中找到指定的端口配置,将其更改为高于1990的端口号,例如2000、3000、5000等。

  2. 使用管理员权限:如果确实需要使用低于1990的端口,可以尝试以管理员权限运行你的开发服务器。在Windows上,可以通过右键点击命令行或脚本并选择"以管理员身份运行"。在Unix-like系统上,可以使用sudo命令。

  3. 检查端口占用:确保所选端口没有被其他应用程序占用。可以使用工具如netstat(在Unix-like系统中)或者任务管理器(在Windows中)来查看端口使用情况。

  4. 配置代理服务器:如果是在开发环境中,可以考虑使用代理服务器将请求从低于1990的端口转发到高于1990的端口。

确保在更改端口或使用管理员权限时,遵循你所在组织的安全政策和最佳实践。

尝试解决

将配置文件vue.config.js中

javascript 复制代码
module.exports = {
    
    devServer: {
        host: 'localhost',
        port: 8888,
        // ...
    }

npm run serve

重启后绑定8888端口服务正常。更换为80也正常。

相关推荐
aiguangyuan1 天前
前端开发 Vue 组件优化
系统架构·vue·前端开发
aiguangyuan3 天前
前端开发性能优化概要
系统架构·vue·react·前端开发
aiguangyuan5 天前
前端开发 React 状态优化
系统架构·前端开发
aiguangyuan6 天前
React 项目性能瓶颈分析
系统架构·前端开发
Robbie丨Yang8 天前
近期工作感想:职业规划篇
html·css3·前端开发·工作·职业规划
白仑色8 天前
JavaScript 语言基础详解
开发语言·javascript·ecmascript·前端开发
白仑色11 天前
AJAX 入门到精通
前端·javascript·ajax·okhttp·web开发·前端开发
charlee4417 天前
WebGL简易教程——结语
教程·webgl·三维可视化·前端开发·计算机图形学
胡斌附体1 个月前
使用模板创建uniapp提示未关联uniCloud问题
uni-app·vue2·配置问题·unistatistics·manfest.json
aiguangyuan1 个月前
React 动态路由的使用和实现原理
react·前端开发