当前位置：首页 > news >正文

vue启动 localhost无法访问

news 来源：原创 2025/6/8 11:34:14

1. localhost 和 127.0.0.1 虽然都指向本机，但它们有细微的区别：

- localhost 是一个域名，需要通过 DNS 解析或本地 hosts 文件解析为 IP 地址
- 127.0.0.1 是直接的 IP 地址，不需要解析过程
2. 无法访问 localhost 的可能原因：

- 本地 hosts 文件配置问题
- DNS 解析问题
- 某些网络设置或防火墙规则影响
建议修改 `vue.config.js` 中的配置如下：

```javascript
  devServer: {
    headers: {
      'Access-Control-Allow-Origin': '*'
    },
    disableHostCheck: true,
    stats: { chunks: false },
    host: '127.0.0.1',  // 改为使用 IP 地址
    port: 8080,
    // ... 其他配置保持不变

```

另外，你还可以尝试：

1. 使用 0.0.0.0 作为 host，这样可以允许通过所有网络接口访问
2. 检查你的 /etc/hosts 文件，确保有这一行：
```plaintext
127.0.0.1 localhost
```

如果你想让项目既能通过 localhost 访问，也能通过 IP 访问，可以将 host 设置为 0.0.0.0 ：

```javascript
host: '0.0.0.0', // 允许通过所有网络接口访问
```
```

这样设置后，你可以通过 localhost:8080 、 127.0.0.1:8080 和局域网 IP 来访问你的应用。