错误:请求的资源上没有“访问-控制-允许-原产地”标题。使用高速公路和角度

Question

我想有那么多人给出了解决方案，但是，没有一个人为我工作，

请检查我的密码告诉我哪里出了问题..。

我部署在heroku也看到了同样的问题

角JS片段：

$http({
        method: 'GET',
        url: "https://api.forecast.io/forecast/2c56930e3e0117b9943b9f618acfe981/17.3434321,78.536526",
        headers: {
           'Content-Type': 'application/json',
           'Access-Control-Allow-Origin': '*'
       }
       }).
       success(function(status) {
                        $scope.weather = status.data;
       }).
       error(function(status) {
                        console.log("failure");
                    });

Expressjs(服务器)代码段：

var express = require('express'),
  http = require('http');
var bodyParser = require('body-parser');
var jsonfile = require('jsonfile');
var path = require('path');
var cors = require('cors');


var allowCrossDomain = function(req, res, next) {
    res.header('Access-Control-Allow-Origin', 'api.openweathermap.org');
    res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE');
    res.header('Access-Control-Allow-Headers', 'Content-Type');

    next();
}

var app = express()
  .use(bodyParser.urlencoded({
    extended: true
  }))
  .use(bodyParser.json())
  .use(express.static(__dirname + '/public'))
  .use(cors())
  .use(allowCrossDomain)
  .use('/node_modules', express.static(__dirname + '/node_modules'))
  .use('/bower_components', express.static(__dirname + '/bower_components'));

app.use(function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
  next();
});
app.all('*', function(req, res, next) {
  res.header('Access-Control-Allow-Origin', '*');
  res.header('Access-Control-Allow-Methods', 'PUT, GET, POST, DELETE, OPTIONS');
  res.header('Access-Control-Allow-Headers', 'Content-Type');
  next();
});

app.all('/', function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "X-Requested-With");
  next();
});

Answer 1

你不需要“访问-控制-允许-起源”设置。

问题是，您正在从客户端获取url。

只要使用nodejs (可能使用express)来从外部服务器获取数据就可以了。

无法通过nodejs路由获取数据，从而在客户端(angularjs)显示/使用数据。

更新：

服务器端：

var express     = require('express'),
http            = require('http');
var bodyParser  = require('body-parser');
var app         = express();
var request     = require('request');

app

// express json parser
.use(bodyParser.urlencoded({
    extended: true
}))
.use(bodyParser.json())

// public foder for client side
.use(express.static(__dirname + '/public'))

// express route to get the forecast data/json
.get('/forecast', function(req, res) {

    request({
        url: "https://api.forecast.io/forecast/2c56930e3e0117b9943b9f618acfe981/17.3434321,78.536526"
    }, function (error, response, body) {
        res.send(response.body);
    });

})

// server port
.listen(8080);

在客户端，您现在必须拨打本地线路的网址：

$http
.get("http://localhost:8080/forecast")
.success(function (data, status) {
    $scope.weather = data;
})
.error(function (data, status) {
    console.log("Request failed " + status);
})
.then(function() {
    console.log($scope.weather);
});