admin管理员组文章数量:1026989
使用手机访问本机电脑vite服务器的步骤:
1.建立入站规则
- 找到windows防火墙网络保护
- 点击高级设置
- 右击入站规则,出现菜单,点击建立入站规则
- 设置入站规则
- 选择TCP端口,特定本地端口5173(vite默认的启动端口),点击下一页
- 然后一直点击下一页
- 最后一步是设置名称,中文英文都可以,自己能记住就行
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服务器的步骤:
1.建立入站规则
- 找到windows防火墙网络保护
- 点击高级设置
- 右击入站规则,出现菜单,点击建立入站规则
- 设置入站规则
- 选择TCP端口,特定本地端口5173(vite默认的启动端口),点击下一页
- 然后一直点击下一页
- 最后一步是设置名称,中文英文都可以,自己能记住就行
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服务器 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://it.en369.cn/jiaocheng/1726435979a623975.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论