vue设置端口号

下面介绍下vue-cli2和vue-cli3设置端口号

大家都知道vue-cli2和vue-cli3生成的文件不同,如下图图一为vue-cli、图二为vue-cli3生成的项目文件

vue设置端口号_第1张图片vue设置端口号_第2张图片

下面看下配置文件

vue设置端口号_第3张图片

vue设置端口号_第4张图片

3.0启动npm run serve

2.0启动npm run dev

相应的配置端口号如下,vue-cli2配置是在config/index.js下的host里配置,vue-cli3配置是在vue.config.js里的devServer/host配置,如下图

vue设置端口号_第5张图片

vue设置端口号_第6张图片 

设置完成,这边再说下小技巧,有时我们需要用手机访问目前在电脑上开发好的页面,如果每次访问都需要打包就太麻烦了,我们只需要将手机和电脑连接同一个wifi,将图上host设置为0.0.0.0就可以用手机访问了,比如本地ip是192.168.0.1,那么手机上访问的地址将是 192.168.0.1:加上服务的端口号

你可能感兴趣的:(vue)