高德地图 地址解码(geocoder.getAddress) INVALID_USER_SCODE

在使用高德地图时，对经纬度进行地址位置信息解码，按照官网上的写法，然后出现了一个错误信息

 const geocoder = new AMap.Geocoder({});
 geocoder.getAddress(this.lnglat, (status, result) => {
    console.log(result);
     if (status === "complete" && result.info === "OK") {
         // result为对应的地理位置详细信息
    
      }
});

正常情况下，这里的result中就包含的有地理位置信息，但是我在打印 result时，显示的是  INVALID_USER_SCODE，官网上是这样说的，需要搭配安全密钥一块使用，注意，要在key值之前引用安全密钥，不然会导致key失效。

我是在vue中使用的，具体写法如下

在index.html文件中引入

  <script type="text/javascript">
    // 一定要安全密钥先写在前，key在后，不然无效
    window._AMapSecurityConfig = {
      securityJsCode: "49eeb5383ee552efe97a037a11ab976d",
    }
  </script>

在使用高德地图的文件中

这样就可以获取到result中的详细地址信息了。