文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在局域网主机上调试Vue 3 Vite

问如何在局域网主机上调试Vue 3 Vite
EN

Stack Overflow用户

提问于 2022-02-17 13:50:23

回答 1查看 954关注 0票数 1

如何在Vue 3 Vite上使用-host选项进行调试，例如，我可以调试我的电话实例。目前，我正在使用visual studio代码插件"Vite“

launch.json：

 {
      "version": "0.2.0",
      "configurations": [
        {
          "type": "pwa-chrome",
          "request": "launch",
          "name": "Launch Chrome against localhost",
          "url": "http://localhost:4000",
          "webRoot": "${workspaceFolder}/app",
        }
      ]
    }

package.json

  "scripts": {
    "dev": "vite --host --port 4000",
}

Vite配置选项

有了这个，我可以运行局域网和调试，但只在我的电脑，如果我尝试从我的手机或其他pc，它连接，但它不会停止在任何断点。

debugging

visual-studio-code

vuejs3

vite

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-04-30 07:38:35

为了调试任何web应用程序，运行在手机上的web浏览器必须支持调试协议。例如，Chrome确实支持您所需的内容，请参阅远程调试文章。

至于另一台PC，你也需要用远程调试命令行开关启动Chrome，然后编辑launch.json，将vs代码实例附加到不同的主机(ip和端口)。当然，如果您希望能够在开发人员机器上的vs代码中设置断点，然后在另一台PC上反映这一点，那当然是这样的。

粗略地说，您需要将vs代码指向正在运行的目标浏览器，例如，在当前配置中，vs代码启动Chrome实例，并在后台为您启用调试开关

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/71159388

复制

相似问题

问如何在局域网主机上调试Vue 3 Vite
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在局域网主机上调试Vue 3 ViteEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在局域网主机上调试Vue 3 Vite
EN