Vite Server 正在运行但无法在 localhost 上运行答案

【问题标题】：Vite Server is running but not working on localhostVite Server 正在运行但无法在 localhost 上运行
【发布时间】：2022-08-21 19:08:26
【问题描述】：

Vite + Reactjs 服务器正在运行，但我得到了 \"找不到这个本地主机页面没有找到该网址的网页：https://localhost:4200/\" 在浏览器上

【解决方案1】：

确保您的 index.html 文件位于您的 Vite 项目的根目录中

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。

【解决方案2】：

TLDR：更改端口

对我来说，我已经在 Vite 试图为应用程序提供服务的端口（3000）上运行了一些东西。

快速进行lsof -nPi :3000 (MacOSX) 我看到我的 docker 桌面正在该端口上运行。

您可以通过更新 vite 配置中的服务器密钥来静态执行此操作 (vite.config.js)

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  server: {
    port: 8000
  }
})

或者通过 start 命令动态地： vite --port 8000

【讨论】：

【解决方案3】：

我有同样的问题，它与项目文件夹名称有关。它在项目文件夹的名称中有一些空格。我删除了空格和 node_module 文件夹，然后我再次安装了软件包，现在它工作正常。

【讨论】：

【解决方案4】：

如何更改我的端口以及如何转换为 localhost？enter image description here

【讨论】：