admin 管理员组

文章数量: 1184232

使用手机访问本机电脑vite服务器的步骤:

1.建立入站规则

  1. 找到windows防火墙网络保护
  2. 点击高级设置
  3. 右击入站规则,出现菜单,点击建立入站规则
  4. 设置入站规则
  5. 选择TCP端口,特定本地端口5173(vite默认的启动端口),点击下一页
  6. 然后一直点击下一页
  7. 最后一步是设置名称,中文英文都可以,自己能记住就行

2. 电脑连接局域网,电脑打开移动热点,手机连接电脑的热点.我电脑连接使用的是校园网,办公室或者个人家里的网络应该也可以;

3.最关键的一个步骤,配置vite.config.js,按照我图片中配置即可

export default defineConfig({
  plugins: [vue()],
  server: {
    //使用手机能够访问,使用默认路由
      host: '0.0.0.0'
    } 
})

4.控制台输入npm run dev,开启服务即可

5.以管理员打开cmd控制台,输入命令:ipconfig,找到自己电脑的ipv4地址

6.在手机连接电脑移动热点成功的情况下,在手机的浏览器中输入:

http://你的电脑的ipv4地址:端口号
我的示例:http://10.128.227.86:5173
[注]:端口号是vite的端口号,
vite服务端口号,入站规定设置的端口号,手机访问的端口号三者要一致;
这里的路径默认访问的是index.html的网页,
也可以在自由输入子页,如http://10.128.227.86:5173/about.

7.手机成功访问

第一次写文,存在错误,敬请指正!

本文标签： 服务器 手机 vite

版权声明：本文标题：手机访问本地vite服务器 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/b/1726435981a970156.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。