网站首页 > 技术文章 正文
vue-cli-service serve
Options:
- --open 服务器启动时打开浏览器
- --copy 将URL复制到服务器启动时的剪贴板
- --mode 指定环境模式 (默认: development)
- --host host 地址 (default: 0.0.0.0)
- --port 端口号 (default: 8080)
- --https 使用https (default: false)
vue-cli-service build
Options:
- --mode 指定环境模式 (default: production)
- --dest 指定输出目录 (default: dist)
- --modern 构建两个版本的 js 包:一个面向支持现代浏览器的原生 ES2015+ 包,以及一个针对其他旧浏览器的包
- --no-clean 在构建项目之前不要删除输出目录 (dist)
- --report 生成 report.html 分析包
- --report-json 生成 report.json 分析包
- --watch 监听 修改文件时自动重新打包
node_modules@vue\cli-service\lib\commands\serve.js
- '--open': open browser on server start,
- '--copy': copy url to clipboard on server start,
- '--stdin': close when stdin ends,
- '--mode': specify env mode (default: development),
- '--host': specify host (default: ${defaults.host}),
- '--port': specify port (default: ${defaults.port}),
- '--https': use https (default: ${defaults.https}),
- '--public': specify the public network URL for the HMR client,
- '--skip-plugins': comma-separated list of plugin names to skip for this run
命令行里开发运行项目 npm run serve --open 时默认打开的是 http://0.0.0.0:xxxx,是无法直接访问的,解决方式:
- 命令里增加 host 参数 npm run serve --open --host localhost,也可以直接在 package.json 的 scripts 脚本命令里加
- 修改 vue.config.js 的 devServer 下的 host 配置
- 修改 node_modules/@vue/cli-service/lib/commands/serve.js 里的 defaults 的 host(不推荐)
windows下会将 0.0.0.0 这个地址作为访问的非法地址处理,但是在Linux下却是可以访问的,也就是 mac 上其实是可以访问的。
前端访问常用地址:
0.0.0.0
不能被ping通,称为“unspecified”,即未指定(无效的、无意义的)地址,在服务器中.0.0.0.0并不是一个真实的的IP地址,它表示本机中所有的IPV4地址。它其实相当于Java中的this,真表示啥要放到实际所处环境中去考虑。
在服务器中:0.0.0.0 指的是本机上的所有 IPV4 地址,它指代的就是这台机器上所有的IP。假如一台机器上有两个 IP: 202.10.20.5/12 和 202.10.20.7/11,我们把一个应用服务的IP绑定到了 0.0.0.0:8080,那访问 202.10.20.5:8080 和 202.10.20.7:8080 都可以与这个服务建立连接。
在路由中:0.0.0.0 表示的是默认路由,即当路由表中没有找到完全匹配的路由的时候所对应的路由。
127.0.0.1
凡是以127开头的IP地址,都是回环地址(Loop back address),其所在的回环接口一般被理解为虚拟网卡,并不是真正的路由器接口,通俗的讲就是我们在主机上发送给127开头的IP地址的数据包会被发送的主机自己接收,专供自己访问自己,速度快(不用经过整个协议栈),永远都不能出现在主机外部的网络中,所以只适合用在开发环境
localhost
是个域名而不是一个ip地址,一般windows系统默认将 localhost 指向了 127.0.0.1,但是 localhost 并不等于 127.0.0.1,localhost 指向的IP地址是可以自己配置
uni-serve和uni-build
- node_modules@dcloudio\vue-cli-plugin-uni\commands\serve.js
- node_modules@dcloudio\vue-cli-plugin-uni\commands\build.js
猜你喜欢
- 2024-09-27 一文带你彻底搞懂 NPM 知识点「进阶篇」
- 2024-09-27 深入探索Vue3:将您的项目打包为生产版本
- 2024-09-27 「Vue3教程」创建你的第一个Vue 3项目
- 2024-09-27 Vue3亮点:打造和发布你自己的组件库,简单步骤助你成为前端大神
- 2024-09-27 mac电脑如何安装VUE环境及预览(mac怎么安装vue)
- 2024-09-27 vue实战——自定义基础路径,端口号
- 2024-09-27 为了实践微前端,重构了自己的导航网站
- 2024-09-27 重磅!Vue CLI 3.0正式发布,带来多项重大更新
- 2024-09-27 运行 npm run xxx 的时候发生了什么?
- 2024-09-27 Vue全家桶-使用总结(国家基本药物使用情况分析总结)
- 1515℃桌面软件开发新体验!用 Blazor Hybrid 打造简洁高效的视频处理工具
- 577℃Dify工具使用全场景:dify-sandbox沙盒的原理(源码篇·第2期)
- 514℃MySQL service启动脚本浅析(r12笔记第59天)
- 487℃服务器异常重启,导致mysql启动失败,问题解决过程记录
- 486℃启用MySQL查询缓存(mysql8.0查询缓存)
- 470℃「赵强老师」MySQL的闪回(赵强iso是哪个大学毕业的)
- 450℃mysql服务怎么启动和关闭?(mysql服务怎么启动和关闭)
- 448℃MySQL server PID file could not be found!失败
- 最近发表
-
- 宝塔面板Nginx如何提高网站访问速度?
- 接口调试工具ApiPost中form-data/x-www-form-urlencoded/raw区别
- 高并发场景下,Nginx性能如何提升10倍?
- 高并发场景下,Nginx如何抗住千万级流量?
- 浏览器中在线预览pdf文件,pdf.mjs插件实现web预览pdf
- 为什么你的网站加载慢?90%的人忽略了这2个设置。
- 别再无脑复制Nginx配置了!掌握这10个"性能核弹"级参数
- 你的Nginx配置,可能就是你网站最慢的一环,注意这几个优化参数
- 深入浅出HTTP压缩技术(http2压缩)
- C程序设计之:1-1/2+1/3-... + 1/n 的和
- 标签列表
-
- cmd/c (90)
- c++中::是什么意思 (83)
- 主键只能有一个吗 (66)
- c#console.writeline不显示 (75)
- pythoncase语句 (81)
- es6includes (73)
- windowsscripthost (67)
- apt-getinstall-y (86)
- node_modules怎么生成 (76)
- c++int转char (75)
- static函数和普通函数 (76)
- el-date-picker开始日期早于结束日期 (70)
- js判断是否是json字符串 (67)
- checkout-b (67)
- c语言min函数头文件 (68)
- asynccallback (71)
- localstorage.removeitem (74)
- vector线程安全吗 (70)
- & (66)
- java (73)
- js数组插入 (83)
- mac安装java (72)
- eacces (67)
- 查看mysql是否启动 (70)
- 无效的列索引 (74)