Nuxtjs本地服务127.0.0.1:5000可访问但localhost:5000报403如何解决

已知现象：本地启动Nuxt开发服务后，127.0.0.1:5000访问正常，localhost:5000返回HTTP ERROR 403 无访问权限，该路径此前可正常访问。

按优先级从高到低排查：

• 检查dev server的host绑定配置
  首先打开项目下的nuxt.config.js/nuxt.config.ts，找到devServer配置项：

  export default defineNuxtConfig({
    devServer: {
      port: 5000,
      // 检查这里的host配置，如果写死成127.0.0.1就会出问题
      host: '127.0.0.1'
    }
  })
  

  把host值改成0.0.0.0，或者直接删除host字段走默认配置即可。如果是通过命令行启动服务，检查package.json里的dev脚本有没有追加--hostname 127.0.0.1参数，有的话改成--hostname 0.0.0.0，改完重启dev服务再测试。
  这个问题的触发逻辑很简单：现在多数桌面系统会把localhost优先解析到IPv6回环地址::1，如果服务只监听IPv4的127.0.0.1，来自::1的请求就会被直接拦截返回403。哪怕你没主动改配置，升级Nuxt版本、切换包管理器拉依赖的时候都有可能让默认配置发生变化。
• 检查本地hosts文件映射是否异常
  如果配置没问题，去看系统hosts文件：Windows路径是C:\Windows\System32\drivers\etc\hosts，macOS/Linux路径是/etc/hosts，确认下面两行配置没有被注释、没有被篡改指向其他IP：

  127.0.0.1 localhost
  ::1 localhost
  

  如果行首加了#、或者localhost被指向了其他陌生地址，改回正常配置保存。之后清下浏览器DNS缓存：Chrome/Edge可以直接打开chrome://net-internals/#dns点击「Clear host cache」，或者直接重启浏览器再试。
• 检查代理/安全软件拦截规则
  如果上面两个配置都正常，先退出本地运行的全局代理、防火墙、杀毒软件再测试。这类工具经常会给localhost加特殊的转发/拦截规则，尤其是开了全局代理模式的时候，大概率会把localhost请求也发到代理服务器，自然会返回403。测试正常的话把localhost加入代理绕过列表即可。
• 排查浏览器侧问题
  打开浏览器无痕模式访问localhost:5000，如果无痕模式能正常打开，就是普通窗口下安装的广告拦截、隐私防护类插件拦截了请求，挨个禁用插件定位到对应插件调整规则就行；如果无痕也打不开，清掉localhost对应站点的Cookie、本地存储缓存再重试。

服务本身能通过127.0.0.1访问说明运行状态正常，不用去排查页面逻辑、接口权限这类业务层代码，问题100%出在地址监听、域名解析、流量拦截这几个链路里。

内容的提问来源于stack exchange，提问作者BATMAN_2008