Vite ：应用程序可以在 localhost:5173 上运行，但不能在 127.0.0.1:5173 上运行

Question

我的 Vite.js 应用程序在http://localhost:5173/上正常工作，但是当我使用http://127.0.0.1:5173/时，该应用程序无法工作。

我使用的是 Intel Mac（MacO：Ventura 13.0.1）。

当我尝试创建一个正常的 React 应用程序时，http://localhost:3000和127.0.0.1:3000都工作相同。

尝试搜索一些 stackoverflow 帖子，他们要求我运行

sudo nano /etc/hosts

并将以下行添加到文件末尾：

127.0.0.1 myapp.local

但这也不能解决问题。

我的 /etc/hosts 文件：

Answer 1

我试图从同一本地网络上的另一台电脑访问我的应用程序。据我所知，Vite 默认拒绝访问其主机。此外，它还告诉我们：

网络：使用--host来暴露

所以我将--host标志添加到文件中的脚本中，package.json如下所示：

"scripts": {
  "dev": "vite --host",
  "build": "tsc && vite build",
  "preview": "vite preview"
}

这对我有用。为了您的方便，我制作了一些屏幕截图：

• Vite说用来--host曝光

  

• --host我放置旗帜的地方

  

参考：https://www.amitmerchant.com/expose-local-vite-instance-to-the-network