返回目录:win7问题
内容导航:
一、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 就可以了;
缺点是每次都要输入密码,将就将就吧~
二、安装了vue-cli,为什么终端命令vue-cli
指定什么路径啊,你可以解压放到VUE的素材安装目录,文件夹的名字都是一样的,他会直接放到相应的素材分类里去,但不建议这样,因为ISO格式的直接加载到虚拟光驱里就可以在VUE中调用了,可以随用随加载,没必要都复制到硬盘上占据很大的空间,调用方法就和其他软件调用素材一样,可以打开场景或加载物体,或者在材质编辑器里调用材质什么的。三、linux下怎么使用vue-cli的vue命令
指定什么路径啊,你可以解压放到VUE的素材安装目录,文件夹的名字都是一样的,他会直接放到相应的素材分类里去,但不建议这样,因为ISO格式的直接加载到虚拟光驱里就可以在VUE中调用了,可以随用随加载,没必要都复制到硬盘上占据很大的空间,调用方法就和其他软件调用素材一样,可以打开场景或加载物体,或者在材质编辑器里调用材质什么的。四、vue cli+webpack怎么修改默认端口号
在webpack.config.js文件里面配置开发服务器devServer: {
historyApiFallback: true,
noInfo: true,
port:9188,//访问端口
colors:true
},