当前位置: 首页 > news >正文

Vite/Vue 项目 | 开发环境指定Host(允许其它电脑访问)

Vite/Vue 项目 | 开发环境指定Host(允许其它电脑访问)

开放防火墙相应端口,这是前提

方法一:指定启动参数

npm run dev -- --host 0.0.0.0

说明:打开package.json,会发现在script中有一个"dev": "vite",因此所谓的npm run dev其实也就是vite run dev,而--表示命令结束后面是参数,因此会将--host 0.0.0.0传给vite(而非npm),此时vite就会允许其它主机访问该端口。

补充一句:vite run dev --host 0.0.0.0也是可以的,这里少了两个--哦。

方法二:将启动参数定义到脚本中

一劳永逸的方法 | 打开package.json,找到"dev": "vite",改成如下:

"dev": "vite --host 0.0.0.0"

此时运行npm run dev即可:

npm run dev

原理也很简单,当我们运行npm run dev的时候,实际是在运行vite --host 0.0.0.0

Vite

在这里插入图片描述

http://www.dtcms.com/a/285407.html

相关文章:

  • uniapp+vue2——自定义底部导航tabbar
  • STC89C52系列单片机内部结构详解
  • 我用EV-21569-SOM评估来开发ADSP-21569(八)-UART串口例程
  • 基于单片机的点阵式汉字电子显示屏的设计
  • Vue3 业务落地全景:脚手架、权限、国际化、微前端、跨端与低代码 50 条实战心法
  • 基于单片机的便携太阳能光伏系统研究
  • 基于单片机金沙河粮仓环境监测系统设计与实现
  • stm32驱动双步进电机
  • 第三章第四节 按键控制光敏传感器控制蜂鸣器
  • LeetCode|Day18|20. 有效的括号|Python刷题笔记
  • 格式转换Total Excel Converter:20 种格式XLS XLSX 批量转 PDFWord
  • 饿了么app 抓包 hook
  • 【论文蒸馏】Recent Advances in Speech Language Models: A Survey
  • 怎么判断一个对象是不是vue的实例
  • 新手向:图片批量裁剪工具
  • 【IOS webview】IOS13不支持svelte 样式嵌套
  • 为什么IoTDB成为物联网场景的技术优选?
  • NAND闪存(NAND Flash)是什么?
  • rt_thread hc32f460引脚编号
  • 利用steps()分步实现奔跑的小熊案例
  • 『 C++ 入门到放弃 』- set 和 map 容器
  • 【机器学习深度学习】什么是 GGUF?
  • 【QT】调用外部dll
  • QT窗口(4)-浮动窗口
  • Qt窗口(2)-工具栏
  • 【嵌入式硬件实例】-555定时器实现LED追逐效果
  • Python的界面美化库 qt-material
  • 【机器学习】安装Jupyter及基本操作
  • Android如何使用Linux Quota管控app对userdata分区的磁盘空间使用
  • QT聊天项目DAY15