在nodejs应用程序中访问api时阻止跨源请求

时间:2016-02-20 06:24:21

标签: angularjs api cors directive

我在angularjs中有一个指令,它对nodejs api进行服务调用但是在访问它时我得到错误

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:8000/search?search=aqqqqq. (Reason: CORS header 'Access-Control-Allow-Origin' missing).

代码的角度部分在控制器

var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope) {
    $scope.locationURL="http://localhost:8000/search";
});

app.directive('autoCompleteDirective',function($http){
    return{
        restrict:'A',
        scope:{
            url:'@'
        },
        link:function(scope,elm,attrs){
            elm.autocomplete({
                source:function(request,response){
                    $http({method:'get',url:scope.url,params:{search:request.term}}).success(function(data){
                        console.log("!!!!!!!!!!!!!!");
                        console.log(data);
                        response(data);
                    })
                },
                minLength:5
            })
        }
    }
}) 

我正在使用它  

在nodejs端,代码有点像

var express = require('express');
var app = express();
var mongoose = require('mongoose');
var bodyparser = require('body-parser');
var port = process.env.PORT || 8000;
var router = express.Router();
var cors = require('cors');
var Schema = mongoose.Schema;
var router = express.Router();
var exec = require('exec');
app.use(bodyparser.json());
/*app.use(cors);*/

//establish the connection
var db=mongoose.connect('mongodb://localhost/book_publisherSearch');


//define the schema
var authorSchema = new mongoose.Schema(
    {
        authorId : Number,
        Description : String,
        firstName : String
    });

authorSchema.index({ firstName: 'text'});


var Authors= mongoose.model('Authors',authorSchema);

router.route('/search')
    .get(function(req,res){
        console.log(req.query.search);
        Authors.find({ $text : { $search : req.query.search }},function(err,authors){
            console.log("inside search");
            console.log(authors);
            res.send(authors);
        })
    })


app.use(router);
app.listen(port);

但是我无法在客户端做出回应请帮我解决一下我没有得到我出错了

我尝试安装cors并使用它但仍然是同样的问题

1 个答案:

答案 0 :(得分:1)

您是从同一台服务器还是从不同的服务器渲染您的html /客户端文件?

从同一网址渲染您的网页,您将不会收到此错误。

如果来自不同的服务器,您将收到跨源错误。从两个不同的地方运行应用程序是要求,在node.js app中添加allow cross origin header。

希望这有帮助。