2017-02-08 1 views
0

모든 사용자를 검색하기 위해 API에 요청을 보내는이 문제가있는 메신저는 api/users로 이동하려고 할 때 login 함수가 호출됩니다 (index.vue)./all이 경우 해당 컬렉션의 모든 사용자를 반환해야합니다. API가 올바른 결과를 반환하고 난 다시 응답을 전송하기 전에이 routeUsers 출력을 CONSOLE.LOG 경우, 콘솔에 모든 정확한 데이터를 출력 이죠 사용VueResource Vue.http.get 응답 상태 코드 0

가 index.vue로 되돌아 ,

는 사람이 있나, 응답 상태 코드는 0

필자가 온라인으로 모양을 가지고 있으며 몇 가지 CORS 헤더에 대해 언급하고 있지만 나는 응답이 취소되었습니다에 대해 나와 다른 것들에 적용 이잖아 같아요 이것에 대한 약간의 빛이 나에게 그것을 고치려고 노력하는 것을 도울 까?

API의 main.js

var app = express(); 
 
var users = require('./routes/routeUsers'); 
 

 

 
app.use('/users', users); 
 

 

 
module.exports = app;

API/모델/users.js

var db = require('../Utilities/db') 
 

 

 
module.exports.all = function(cb) { 
 
    var collection = db.get().collection('users') 
 
    collection.find().toArray(function(err, docs) { 
 
    cb(err, docs) 
 
    }) 
 
}

API는/경로/routeUsers.js

var express = require('express') 
 
    , router = express.Router() 
 

 
var user = require('../models/users'); 
 

 

 
router.get('/all', function(req, res) { 
 
    user.all(function(err, users) { 
 
    res.send(users); 
 
    }) 
 
})

Index.vue

export default { 
 
data: function() { 
 
    return { 
 
     username: '', 
 
     password: '', 
 
     users: [] 
 
    } 
 
}, 
 
methods: { 
 
    login: function() { 
 
    Vue.http.get('/api/users/all').then((response) => { 
 
     console.log("SUCCESS",response); 
 
     this.users = response.body; 
 
     console.log(users); 
 
    }, function (error) { 
 
     console.log("Error", error.status);  // handle error 
 
     }); 
 
    } 
 
    } 
 
};

답변

0

문제는 입력 폼 태그에 있다고했다. 양식 태그를 제거하고 잘 작동했습니다.

관련 문제