无法使用 Sails js 为谷歌地图地理位置设置 CORS

Question

我很难在本地应用中启用 CORS。我一直在关注sails.js 的文档，我所要做的就是更改此设置“allRoutes：true”以启用cors。然后，当我尝试使用 angular 使用 google API 时。

getLocation: function(val) {
    return $http.get('http://maps.googleapis.com/maps/api/geocode/json', {
        params: { address: val, sensor: false }
    });
}

我的 chrome 控制台出现以下错误：
选项http://maps.googleapis.com/maps/api/geocode/json?address=an&sensor=false （索引）：1 XMLHttpRequest 无法加载 http://maps.googleapis.com/maps/api/geocode/json?address=ui&sensor=false。请求的资源上不存在“Access-Control-Allow-Origin”标头。因此，不允许访问 Origin 'http://localhost:1337'。响应的 HTTP 状态代码为 405。

希望有人对此有解决方案。问候。

Answer 1

尝试在 Chrome 商店安装这个 chrome 浏览器插件并在选项中启用跨域资源共享。

https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?hl=en

编辑：

你的端点可能看起来像这样：

首先做：

npm install request

然后：

在 config/routes.js 中设置您的路线：

'get /location/:keyword': {
     controller: 'location',
     action: "getlocation"
},

然后在 api/controllers 中创建一个名为 LocationController.js

的控制器

在 LocationController.js 中设置您的 getlocation 操作。

var request = require('request');
module.exports = {
    getLocation: function(req, res) {
        var keyword = req.param('keyword');
        var url = 'http://maps.googleapis.com/maps/api/geocode/json?sensor=false&address=' + keyword;
        request(url, function (error, response, body) {
            if (!error && response.statusCode === 200) {
                 res.jsonp({result : body});
            }
        });
    }
};

然后您可以调用您自己的端点，服务器将从谷歌 API 返回 JSON，绕过 CORS 问题。

GET : localhost:1337/location/california

希望这会有所帮助。

理查德。