Vue3手机访问vue项目 || 手机没办法访问vue项目 || 手机没办法访问vue项目解决方法

需求

手机端访问电脑端开发的项目。

解决需求

1. 环境

手机与电脑连接同一个WiFi（或手机开热点给电脑连），保证手机与电脑在同一局域网。

2. 配置

1. 找到 vue3 的配置文件 - package.json (我这里用的是vite vue3)
2. 找到dev配置项，输入 –host 0.0.0.0，代码如下

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

图片演示

3. 运行

npm run dev 运行项目，访问Network地址 ,如下图:

故障 | 问题

以上步骤无误后，有些小伙伴手机端还是访问不了vue项目。

若手机端访问不了，说明电脑未关闭防火墙，关闭防火墙后即可访问。

防火墙关闭

1. 设置里搜防火墙，点击 Window Default 防火墙
   

2. 点击 启用货关闭Window Default 防火墙
   

3. 关闭防火墙，如下图
   

关闭后即可通过手机端访问

End

2023/3/3 15:59

晴朗

【推荐】
【TinyMce】element-plus的覆盖TinyMce通用解决方法&TinyMce被遮挡

【Vue3&tinymce】Vue3使用tinymce富文本编辑器

这篇好文章是转载于：学新通技术网