Ionic 3+和Node / Express:(未知网址)的Http失败响应:0

时间:2018-06-14 15:02:02

标签: express mongoose cors

我一直试图从本地mongodb数据库获取数据,但没有成功。

我使用express,cors和mongoose设置节点服务器。

根据我在互联网上看到的内容,这应该有效:

var express = require('express');
var app = express();
var mongoose = require('mongoose');
var cors = require('cors');
app.use(cors({credentials: true, origin: "*", methods: "GET,HEAD,PUT,PATCH,POST,DELETE", preflightContinue:true}));

mongoose.connect('mongodb://localhost/cats');

const Cat = mongoose.model('Cat',{name:String, color:String});

const kitty = new Cat({name:'Alfred',color:'Black/White'});

// kitty.save().then(()=>{
//     console.log('meow');
// });



app.get('/cats', cors(), function(req, res) { 
    Cat.find({}, function(err, cats){
        if(err){
            res.send(err);
        } else {
            res.send(cats);
        }
    });
});

app.listen(8080,()=>{
    console.log('Listening on 8080');
});

我尝试过使用app.use(cors());并尝试使用此功能:

var allowCrossDomain = function(req, res, next) {
    res.header('Access-Control-Allow-Origin', '*');
    res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS');
    res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization, Content-Length, X-Requested-With, Accept');

    // intercept OPTIONS method
    if ('OPTIONS' == req.method) {
        res.send(200);
    } else {
        next();
    }
};
app.use(allowCrossDomain);

但似乎没有任何效果。

1 个答案:

答案 0 :(得分:1)

好的,找出原因。

我使用ionic serve命令在手机上进行测试,同时仍在提供商中留下localhost地址。我必须托管节点服务器和mongo数据库才能正常工作(尽管我仍然必须使用本地节点服务器从我的计算机上的浏览器实验室访问它。)

还改变了现在看起来像的cors选项:

app.all('*', function(res,req,next){
    res.header('Access-Control-Allow-Origin','*');
    res.header('Access-Control-Allow-Credentials',true);
    res.header('Access-Control-Allow-Methods','PUT, GET, POST, DELETE, OPTIONS');
    res.header('Access-Control-Allow-Headers','Content-Type');
    next();
});

在每个请求中也使用了cors,如下所示:

app.get('/your/route/', cors(), function(req, res) { 
   // logic here
});