当前位置: 首页 > article >正文

vue启动 localhost无法访问

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 来访问你的应用。


http://www.kler.cn/a/584261.html

相关文章:

  • 【Android】‘adb shell input text‘ 模拟器输入文本工具使用教程
  • OpenCV(应用) —— 凸包检测的实战应用
  • petalinux环境下给linux-xlnx源码打补丁
  • 计算机视觉|具身智能技术详解:视觉-动作联合建模的原理与实践
  • Linux动态监控系统
  • 公路工程减碳对策匹配知识图谱问答系统
  • SvelteKit 最新中文文档教程(2)—— 路由
  • 文本转语音-音画适时推送rtsp并播放
  • 基金交易系统的流程
  • Windows软件插件-视频渲染器
  • 硬件驱动——51单片机、LED、动态数码管
  • 概率论的基本知识
  • Java版本切换~Linux
  • K8S学习之基础二十八:k8s中的configMap
  • Java 大视界 -- Java 大数据在智慧文旅虚拟导游与个性化推荐中的应用(130)
  • 软考数据结构四重奏:软件工程师的线性、树、图、矩阵算法精要
  • 本地部署DeepSeek-R1模型详细流程
  • 【数据结构】2算法及分析
  • Oracle 查询数据库对象的DDL语句
  • HarmonyOS Next 全栈开发深度解析:从架构设计到分布式应用实战