vue 高德地图报错INVALID_USER_SCODE

vue 项目开发中，需要请求数据，数据包括key和安全密钥。但是地图仍然报错INVALID_USER_SCODE


<script
        type="text/javascript"
        src="https://webapi.amap.com/maps?v=1.4.15&key=key&plugin=AMap.Geocoder,AMap.RangingTool,AMap.Heatmap,AMap.DistrictSearch,AMap.service"
></script>
<script>
  window._AMapSecurityConfig = {
    securityJsCode: 'code',
  }
</script>

在html中也请求了数据，并且配置了key,但是仍然报错了，排查过key 和密钥后仍然不行，经过一段反复测试后，发现securityJsCode需要需要在js请求前才可以，将代码顺序修改一下就可以了。

修改后代码

<script>
  window._AMapSecurityConfig = {
    securityJsCode: 'code',
  }
</script>
<script
        type="text/javascript"
        src="https://webapi.amap.com/maps?v=1.4.15&key=key&plugin=AMap.Geocoder,AMap.RangingTool,AMap.Heatmap,AMap.DistrictSearch,AMap.service"
></script>