前言

之前使用 window电脑开发 vue 项目，项目中配置启动端口为 80，

npm run dev

启动开发很顺畅。

最近使用 mac 进行开发，项目中自动使用了 1024 端口，我有点莫名其妙的感觉，又想重新使用 80 端口。

解决

查看了项目中的配置文件，很多都是创建 vue-cli 项目的时候生成的，看到这段代码

module.exports = {
  dev: {

    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {},

    // Various Dev Server settings
    host: 'test.linhongcun.com', // can be overwritten by process.env.HOST
    port: 80, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
    autoOpenBrowser: true,
    errorOverlay: true,
    notifyOnErrors: true,
    poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-

里边的一句注释，很重要，即无法使用配置的80端口，将使用其他可以端口

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

了解到，Mac 1024 下的端口，没有管理员权限，都无法使用！

于是在启动的命令中，加了 sudo，表示启用管理员权限，就成功了！

sudo npm run dev

其他

优点是很简单，加个 sudo 就可以了；

缺点是每次都要输入密码，将就将就吧~