javascript - Vue js 2.5.16 自动拾取端口

Question

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

port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined

我理解这里提到的评论，但是当我也尝试更改 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

Answer 1

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

查找端口(此处为“8080”)是否正在使用:

sudo netstat -lpn |grep :'8080'

终止进程:

kill -9 <PID>