XMLHttpRequest 无法加载 请求的资源上不存在'Access-Control-Allow-Origin'标头。因此不允许访问原产地

Question

我在angularjs中使用谷歌矩阵api，如下代码:

 var params = {origins: $scope.getrest.origin, destinations: addr, key: 'AIzaSyAfkiSErIwa6AGNYmig'};
return $http.get('https://maps.googleapis.com/maps/api/distancematrix/json', {params: params}).then(function (res) {

});

，但它给我错误显示在图像中，我也包括js文件，也尝试从谷歌所有的解决方案，但没有找到任何适当的解决方案。

错误图像

Answer 1

向googleapi服务器端发出请求以避免X域起源规则(例如，如果您在后端使用Java，则在那里发出请求)，那么您的前端代码可以轻松访问该数据