前言
之前使用 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 就可以了;
缺点是每次都要输入密码,将就将就吧~