HERE API路由计算突然停止工作

Question

我在使用HERE API的路由服务时遇到了一些奇怪而又令人沮丧的问题。到昨天为止，它的工作情况还算不错，但是当我今天对其进行测试时，它一开始什么都没显示，然后在控制台中收到以下消息：

[https://route.ls.hereapi.com/routing/7.2/calculateroute.json?xnlp=CL_JSMv3.1.9.0&apikey=XXXXX&mode=fastest%3Bcar&waypoint0=geo!53.551084599999996%2C9.9936818&waypoint1=geo!42.14731201935119%2C24.73156194202602&representation=display&routeAttributes=summary请求失败

以及另外两个错误：

https://route.ls.hereapi.com/routing/7.2/calculateroute.json?xnlp=CL_JSMv3.1.9.0&apikey=Y94bXc6tWL5xKdfNAMuKVFYyixiGECdBdQozM_IFxLg&mode=fastest%3Bcar&waypoint0=geo!53.551084599999996%2C9.9936818&waypoint1=geo!42.14731201935119%2C24.73156194202602&representation=display&routeAttributes=summary 504（GATEWAY_TIMEOUT）

源C https://route.ls.hereapi.com/routing/7.2/calculateroute.json?xnlp=CL_JSMv3.1.9.0&apikey=Y94bXc6tWL5xKdfNAMuKVFYyixiGECdBdQozM_IFxLg&mode=fastest%3Bcar&waypoint0=geo!53.551084599999996%2C9.9936818&waypoint1=geo!42.14731201935119%2C24.73156194202602&representation=display&routeAttributes=summary从源http://localhost:3001对XMLHttpRequest的访问已被CORS策略阻止：所请求的资源上没有'Access-Control-Allow-Origin'标头。

我不知道是什么原因导致了这些错误。我试用了以前的代码版本，从而100％确信它可以正常工作，但现在它也在那里失败。

与路由有关的代码：

showRoute() {
            if (navigator.geolocation) {
                navigator.geolocation.getCurrentPosition(this.displayLocationInfo, () => {
                    this.$swal({ icon: 'warning', text: 'Моля разрешете достъп до данните за локация!' })
                }, { enableHighAccuracy: true });              
            }
        },
        displayLocationInfo(position) {
            const lng = position.coords.longitude;
            const lat = position.coords.latitude;

            this.$store.dispatch('setStartWaypoint', `geo!${lat},${lng}`)

            if (!this.$store.getters.getRoutingParameters['waypoint1']) {
                return this.$swal({ icon: 'warning', text: 'Моля изберете офис!' })
            }

            const routingParameters = this.$store.getters.getRoutingParameters
            const router = this.platform.getRoutingService();

            router.calculateRoute(routingParameters, this.onResult,
                function(error) {
                    console.log(error.message);
                });
        },
onResult(result) {
        if (Object.keys(this.map.getObjects()).length > 0) {
            for (let object of this.map.getObjects()){
                if (object.id === 'route'){
                        this.map.removeObject(object);
                }
            }
        }
        var route,
        routeShape,
        startPoint,
        endPoint,
        linestring;
        if(result.response.route) {
            route = result.response.route[0];
            routeShape = route.shape;
            linestring = new H.geo.LineString();

            if (route.summary.distance < 1000) {
                this.distance = route.summary.distance + ' м'
            } else {
                this.distance = (route.summary.distance / 1000).toFixed(2) + ' км'
            }

            routeShape.forEach(function(point) {
                const parts = point.split(',');
                linestring.pushLatLngAlt(parts[0], parts[1]);
            });

            startPoint = route.waypoint[0].mappedPosition;
            endPoint = route.waypoint[1].mappedPosition;

            const routeOutline = new H.map.Polyline(linestring, {
                style: {
                    lineWidth: 6,
                    strokeColor: 'rgba(8, 48, 69, 0.5)',
                    lineTailCap: 'arrow-tail',
                    lineHeadCap: 'arrow-head'
                }
            });

            const routeArrows = new H.map.Polyline(linestring, {
                style: {
                    lineWidth: 6,
                    fillColor: 'white',
                    strokeColor: 'rgba(255,255,255,1)',
                    lineDash: [0, 2],
                    lineTailCap: 'arrow-tail',
                    lineHeadCap: 'arrow-head' 
                }
            });

            const routeLine = new H.map.Group();
            routeLine.id = 'route'
            routeLine.addObjects([routeOutline, routeArrows]);

            const startMarkerIcon = new H.map.Icon(require('../assets/marker.svg'), {
                size: {
                    w: 42,
                    h: 60
                }
            })

            const startMarker = new H.map.Marker({
                lat: startPoint.latitude,
                lng: startPoint.longitude
            }, { icon: startMarkerIcon });

            const endMarker = new H.map.Circle({
                lat: endPoint.latitude,
                lng: endPoint.longitude
            }, 6);

            endMarker.setStyle({
                strokeColor: 'white',
                fillColor: 'rgba(8, 48, 69, 0.5)',
                lineWidth: 2
            })

            startMarker.id = 'route'
            endMarker.id = 'route'

            this.map.addObjects([routeLine, startMarker, endMarker]);

            this.map.getViewModel().setLookAtData({bounds: routeLine.getBoundingBox()});
        }
    },

Answer 1

我有同样的问题。现在它又开始工作了……也许这里的工作人员可以告诉我们出了什么问题？