vue百度地图api打包报错？

Question

打包之后报get 百度地图链接的错误

// bmpgl.js
export function BMPGL(ak) {
    return new Promise(function(resolve, reject) {
      window.init = function() {
        // eslint-disable-next-line
        resolve(BMapGL)
      }
      const script = document.createElement('script')
      script.type = 'text/javascript'
      script.src = `http://api.map.baidu.com/api?v=1.0&type=webgl&ak=${ak}&callback=init`
      script.onerror = reject
      document.head.appendChild(script)
    })
  }
 this.$nextTick(() => {
      BMPGL("k2NOobDyikwR6iEpT6uTaTveQQcmP0gT").then((BMapGL) => {
        this.map = new BMPGL.Map("container"); // 创建Map实例
        this.map.centerAndZoom(new BMPGL.Point(118.146057, 39.671184), 10); // 初始化地图,设置中心点坐标和地图级别
        this.map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
        this.map.setMapStyleV2({ styleJson: goodsData });
      });
    });

Answer 1

以下回复参考：皆我百晓生、券券喵儿等免费微信小程序作答:

从你给出的错误信息来看，问题似乎是在加载百度地图API的URL时发生的问题，导致错误 ERR_NAME_NOT_RESOLVED 的原因是浏览器无法解析这个URL。这可能是因为你提供的URL不正确或者URL的服务器无法访问。

以下是一些可能的解决方案：

1. 检查你的URL是否正确。在浏览器中直接访问你的URL http://api.map.baidu.com/api?v=1.0&type=webgl&ak=k2NOobDyikwR6iEpT6uTaTveQQcmP0gT&callback=init 是否可以正确加载。如果无法在浏览器中直接打开，那可能是你的URL有误。你需要确认你的AK是否正确，URL参数是否都正确。另外注意，这个链接应该在服务端环境运行，如果在前端环境运行可能会有跨域问题。
2. 确保你的应用能够访问这个URL。如果你在一个网络环境受限的环境下（例如公司网络或者学校网络），可能需要配置网络代理或者使用VPN来访问这个URL。另外，如果服务器需要特定的请求头或者协议（例如HTTPS），你也需要确保你的请求满足这些要求。
3. 检查你的代码中的错误处理部分是否工作正常。你的代码中已经有一个错误处理函数来处理加载失败的情况，你需要确保这个函数能够正确执行并处理错误。你可以在这个错误处理函数中打印更多的错误信息来帮助你定位问题。

如果以上方法都不能解决你的问题，你可能需要联系百度地图的开发者支持来获取帮助。他们可能需要你提供更多的信息来定位问题，例如你的网络环境、服务器配置等。