VueJS 端口无法访问 GitHub Codespaces 或崩溃-解网

问：

在一个空白存储库中，我设置了一个新的代码空间，我在 Windows 11 上的 VSCode 桌面版中打开了该空间。其中，我运行了以下内容：

npm create vue@latest .
✔ Project name: ...
✔ Add TypeScript? … No / [Yes]
✔ Add JSX Support? … [No] / Yes
✔ Add Vue Router for Single Page Application development? … [No] / Yes
✔ Add Pinia for state management? … [No] / Yes
✔ Add Vitest for Unit testing? … No / [Yes]
✔ Add an End-to-End Testing Solution? … [No] / Cypress / Playwright
✔ Add ESLint for code quality? … No / [Yes]
✔ Add Prettier for code formatting? … No / [Yes]

然后运行标准：

npm install
npm run format
npm run dev

然后它成功地说该项目可以在端口 5173 上访问，但是如果我尝试在浏览器中打开 localhost：5173，则没有任何反应，尽管端口列表显示它为自动转发，但它似乎没有连接到代码空间中的端口

此外，尝试将端口从私有设置为公共会使代码空间完全崩溃。但是，如果我在 VSCode for Web 中运行，一切都很好 - 有什么想法吗？我宁愿不使用网络版本，因为我的肌肉记忆是硬连线的，可以按 Ctrl + W 关闭 VSCode 中的选项卡，从而完全关闭代码空间npm run dev

vue.js 代码空间 github-codespaces

当您在代码空间中运行应用程序时，它们实际上是在远程环境中运行，而不是在本地计算机上运行。因此，直接访问 localhost 不会像您预期的那样工作。在代码空间中运行应用程序时，GitHub 应提供可用于访问应用程序的转发 URL。此 URL 不是 localhost，而是 GitHub 生成的唯一 URL。检查 VSCode 中的终端或端口视图，以获取打开应用程序的链接。

0赞 dan 9/22/2023

VSCode 不会在终端或端口窗口中列出任何非 localhost URL，直到您将其从 Private 更改为 Public，这只有在我尝试使用此 VueJS 实例时才会使代码空间崩溃，其他任何操作都正常。如果我运行任何其他按预期工作的东西（例如），localhost：8080 会转发到实际远程服务器在后台使用的任何 URL，我还可以将其设为公共以获取非本地主机 URL。这似乎只是 VueJS 公开的端口的问题npx http-server

答：

1赞 dan 10/10/2023 #1

如果其他人遇到这种情况，我将标志添加到我的package.json中：--host

"dev": "vite --host",

解决了问题

上一个：Java JAR 不会在 VSCode 代码空间上执行

下一个：自动执行网页 UI 中的用户输入和 GitHub Codespaces VScode 终端之间的工作流

VueJS 端口无法访问 GitHub Codespaces 或崩溃

VueJS port not accessible or crashing with GitHub Codespaces

评论