vue怎么设置允许局域网手机访问

news/2025/2/24 18:29:21

打开vite.config.ts 添加

  server: {
    host: '0.0.0.0'
  },
  1. host: '0.0.0.0':设置为0.0.0.0,允许从所有IP访问。
  2. port: 5173:指定端口号,可以根据需要进行修改。不指定默认 5173
  3. disableHostCheck: true:禁用主机检查,允许外部访问。

 npm run dev 重新运行

可以看到多了Network可以用ip访问

方法二:

在 “ package.json ” 文件中,修改 “ dev ” 配置,添加 “ --host 0.0.0.0”,如下:

"scripts": {
    "dev": "vite --host 0.0.0.0",
}

如果还是无法访问可能需要配置window防火墙,开放5173端口

入站规则,添加端口5173,允许连接

出站规则,添加端口5173,允许连接

 


http://www.niftyadmin.cn/n/5864701.html

相关文章

C#贪心算法

贪心算法:生活与代码中的 “最优选择大师” 在生活里,我们常常面临各种选择,都希望能做出最有利的决策。比如在超市大促销时,面对琳琅满目的商品,你总想用有限的预算买到价值最高的东西。贪心算法,就像是一…

Android KMP初探

Android KMP初探 前言: 最近线上听了Kotlin官网举行的KMP会议,感觉听神奇的,于是就把官方demo下载下来尝试了一下,下载插件和所需要的依赖都用了很久,但是发现里面的代码很少,于是尝试自己手写了一下&…

设计模式-adapter模式(适配器)

解释 适配器模式(Adapter Pattern)用于将一个类的接口转换成客户端所期望的另一个接口,使得原本由于接口不兼容而不能一起工作的那些类可以一起工作。该模式属于结构型设计模式。 应用场景 场景1:旧系统与新系统的整合 当你有…

从人机环境系统智能角度看传统IP的全球化二次创作法则

从人机环境系统智能的视角看,传统IP的全球化二次创作法则需结合技术、文化、伦理与环境的复杂协同。这一过程不仅是内容的本土化改编,更是人、机器与环境在动态交互中实现价值共创的体现。 一、人机环境系统智能的底层逻辑与IP二次创作的融合 1、感知层&…

Go 语言中的协程

概念 Go语言中的协程(Goroutine)是一种由Go运行时管理的轻量级线程。它是Go语言并发模型的核心,旨在通过简单、易用的方式支持高并发的程序设计。 创建协程 协程的创建非常简单,只需要使用go关键字,后面跟着一个函数…

深度学习-4.优化与正则化

Deep Learning - Lecture 4 Optimization and Regularization 优化(Optimization)随机梯度下降(Stochastic gradient descent)带动量的随机梯度下降法(Stochastic gradient descent (with momentum))自适应梯度方法(Ad…

网络安全研究

1.1 网络安全面临的威胁 网络安全面临的威胁呈现出多样化和复杂化的趋势,给个人、企业和国家的安全带来了严峻挑战。以下是当前网络安全面临的主要威胁: 1.1.1 数据泄露风险 数据泄露是当前网络安全的重大威胁之一。根据国家互联网应急中心发布的《20…

500字理透react的hook闭包问题

在react中hook的闭包问题很容易在不经意间犯错,项目写大了之后更是难以找到到底是哪里出了问题。 为什么会出现闭包问题 出现闭包问题的原因就是函数中操作的变量不是最新的变量,什么意思呢,我们知道函数组件每次刷新都是重新运行一次函数&…