Vite Server 默认运行在 127.0.0.1 而不是 localhost

Question

每当我运行时npm run dev，我都会默认在域 127.0.0.1 上运行 vite。

如何让 vite 在本地主机上运行？

这些是我的配置：

包.json：

  "scripts": {
    "dev": "vite --host=localhost",
    "build": "vite build",
    "preview": "vite preview"
  },

vite.config.js：

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react-swc'

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

Answer 1

这是有意的。您可以参考vite localhost 行为（阅读注释）。要禁用此行为，请dns.setDefaultResultOrder('verbatim')按照此处的说明进行设置或将 Node.js 升级到 17+。还有本地主机

在你的 vite.config 中：

import { defineConfig } from 'vite'
import dns from 'dns'
import react from '@vitejs/plugin-react-swc'

dns.setDefaultResultOrder('verbatim')

export default defineConfig({
  plugins: [react()],
  server: {
    host: 'localhost',
    port: 3000
  }
})

结果：

希望它能回答您的问题！:)

Answer 2

另一种可行的替代解决方案：

包.json：

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

vite.config.js：

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react-swc'

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

结果：

阅读更多