Vue js 2.5.16 自动拾取一个端口

Posted 2023-02-22

【中文标题】Vue js 2.5.16 自动拾取一个端口

【英文标题】：Vue js 2.5.16 automatically picks up a port

【发布时间】：2019-01-07 19:41:41

【问题描述】：

Vue.js 每次创建开发版本时都会自动选择一个新端口。每当我尝试运行 npm run dev 时，它都会自动选择一个端口，而不是 config/index.js 中提到的端口

port: 8080, // 可以被 process.env.PORT 覆盖，如果端口在 使用，将确定一个免费的

我理解这里提到的评论，但是当我也尝试更改 build/webpack.dev.conf.js 中的端口时

devServer: 
    clientLogLevel: 'warning',
    historyApiFallback: 
      rewrites: [
         from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') ,
      ],
    ,
    hot: true,
    contentBase: false, // since we use CopyWebpackPlugin.
    compress: true,
    host: HOST || config.dev.host,
    // port: PORT || config.dev.port,
    port: 8080,
    open: config.dev.autoOpenBrowser,
    overlay: config.dev.errorOverlay
      ?  warnings: false, errors: true 
      : false,
    publicPath: config.dev.assetsPublicPath,
    proxy: config.dev.proxyTable,
    quiet: true, // necessary for FriendlyErrorsPlugin
    watchOptions: 
      poll: config.dev.poll,
    
  ,

似乎也不能正常工作。我希望我的 vue 应用程序只在我提到的一个端口上被监听，任何有关此问题的帮助将不胜感激。

我已经看到了这个问题，但这并不能解决我的问题。 Related question

【问题讨论】：

检查端口是否已经在使用sudo netstat -lpn |grep :'8080'

谢谢@Helpinghand 您可以在答案中添加此文本。我没有以正确的方式杀死npm run dev 进程。我在ubuntu 上使用ctrl+x 而不是使用ctrl+c。

我使用此命令fuser -n tcp -k 8080 杀死了 8080 上现有正在运行的进程，现在我的服务器正在 8080 上被监听

刚刚添加为答案，kill -9 也可以用来杀死进程。

【参考方案1】：

Vue 正在自动选择一个新端口，因为它发现当前端口繁忙。您可以检查端口是否已在使用，如果是，请执行以下操作：

查找端口（此处为“8080”）是否正在使用：

sudo netstat -lpn |grep :'8080'

杀死进程：

kill -9 <PID>