vue nuxt 错误集锦

项目启动生成的局域网链接不能访问问题

• vue2 项目

  • 关闭防火墙

  • 防火墙关闭后依旧不能访问，查看vue.config.js配置文件中去掉devServer.public属性

• nuxt2 项目

  • pageage.json中加入

      "config": {
        "nuxt": {
          "host": "0.0.0.0",
          "port": 3000
        }
      }
    

    如果局域网内依旧访问不了，那可能是电脑网络配置过多导致，查看ipconfig，选择带有网关的网络配置，讲ipv4地址复制给host。重新启动项目即可。

高德地图 电脑调试

• 本地电脑调试getCurrentPosition web API获取IP地址发生错误。依次排除以下2点错误。

  错误类型：

  Geolocation permission denied：用户禁用了定位权限，需要用户开启设备和浏览器的定位权限，并在浏览器弹窗中点击“允许使用定位”选项；

  Geolocation permission denied：浏览器禁止了非安全域的定位请求，比如 Chrome、IOS10 已陆续禁止，这时候需要升级站点到 HTTPS。注意 Chrome 不会禁止 localhost 等域名 HTTP 协议下的定位；