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

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

下面看下配置文件

3.0启动npm run serve

2.0启动npm run dev

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

 

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

Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

vue使用fullcalendar日历

vue日历

avatar Vue