Vite 服务器正在运行，但无法在本地主机上运行

Question

Vite + Reactjs 服务器正在运行，但我得到\n“无法找到此本地主机页面\xe2\x80\x99\n找不到该网址的网页：https://localhost:4200/”\非浏览器

\n

Answer 1

index.html从 create React app/react-scripts 迁移到 Vite 时的一个常见错误是在文件夹中包含public。确保您的index.html文件位于 Vite 项目的根目录中。

Answer 2

以防万一有人正在寻找解决方案而其他答案不起作用，这就是对我有用的方法。

在 vite.config.js 中，我必须在服务器选项中将主机设置为“127.0.0.1” 。

{
  server: {
    host: '127.0.0.1'
  }
}

默认值是 localhost 但为什么它不起作用我仍然不知道......

Answer 3

TLDR：更改端口

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

快速进行操作lsof -nPi :3000（MacOSX）后，我发现我的 docker 桌面正在该端口上运行。

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

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

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

https://vitejs.dev/config/#config-file

Answer 4

我有同样的问题，但没有任何使用端口 3000，但无论如何，我将其更改为port 8000并且它可以工作

export default defineConfig({
  plugins: [react() tsconfigPaths()],
  server: {
    port: 8000
  }
});

Answer 5

创建一个 vite.js 项目，然后像这样编辑vite.config.js （它可以帮助我在 localhost 上运行该项目）：

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  server: {
    host: "127.0.0.1",
    port: 3000,
  },
});