VueResource Vue.http.get 响应状态代码 0

Question

我有这个问题，我向 API 发送请求以检索所有用户，登录功能被调用（index.vue），当调用它时它试图转到 api/users/all在这种情况下应该 return 中的所有用户 collection.

使用 Postman API returns 正确的结果，如果我 console.log 在我发回响应之前在 routeUsers 中输出，它将所有正确的数据输出到控制台

当它returns到index.vue时，响应状态码为0。

我在网上看过一些关于 CORS Headers 的内容，但我认为这不适用于我，其他关于响应的内容已被取消，

任何人都可以为我阐明这个问题并帮助我尝试修复它吗？！

API main.js

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


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


module.exports = app;

api/models/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/routes/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
      });
    }
  }
};

Answer 1

问题是输入在表单标签中。删除了 Form 标签并且工作正常。

VueResource Vue.http.get 响应状态代码 0

VueResource Vue.http.get Response Status Code 0

ajax

node.js

express

vue.js

vue-resource