https 加端口_Mac下vue-cli使用80端口的简单方法

前言

之前使用 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 就可以了；

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