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

棒棒的唐2024-04-28 14:44

在配置文件vue.config.js中

javascript 复制代码

module.exports = {
    
    devServer: {
        host: 'localhost',
        port: 1890,
        // ...
    }

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

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

解决方法：

更改端口号：在项目的配置文件中找到指定的端口配置，将其更改为高于1990的端口号，例如2000、3000、5000等。
使用管理员权限：如果确实需要使用低于1990的端口，可以尝试以管理员权限运行你的开发服务器。在Windows上，可以通过右键点击命令行或脚本并选择"以管理员身份运行"。在Unix-like系统上，可以使用sudo命令。
检查端口占用：确保所选端口没有被其他应用程序占用。可以使用工具如netstat（在Unix-like系统中）或者任务管理器（在Windows中）来查看端口使用情况。
配置代理服务器：如果是在开发环境中，可以考虑使用代理服务器将请求从低于1990的端口转发到高于1990的端口。

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

将配置文件vue.config.js中

javascript 复制代码

module.exports = {
    
    devServer: {
        host: 'localhost',
        port: 8888,
        // ...
    }

npm run serve

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