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

问题描述 投票:0回答:1

我有这个问题,我发送请求到API检索所有用户,登录函数被调用(index.vue)当被调用它试图去api / users / all,在这种情况下应返回所有用户采集。

使用Postman API返回正确的结果,如果我在发送响应之前我在consoleUsers中调试输出,它会将所有正确的数据输出到控制台

当它返回index.vue时,响应状态代码为0。

香港专业教育学院网上看了一下,有些东西提到了CORS Headers,但我认为那些适用于我和其他关于响应的事情已被取消,

任何人都可以为我解释这一点,并帮助我尝试修复它?!

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
      });
    }
  }
};
ajax node.js express vue.js vue-resource
1个回答
0
投票

问题是输入是在表单标签中。删除表格标签,工作正常。

© www.soinside.com 2019 - 2024. All rights reserved.