Vue:未处理的承诺拒绝错误:请求失败,状态代码为404?

时间:2018-01-10 02:31:06

标签: vue.js

我的API网址为http://localhost:5000/api/user/list,数据显示为:

[{"Id":1,"name":"Michael","pwd":"123456","age":0,"birth":"2018-01-05","addr":"''"},{"Id":2,"name":"Jack","pwd":"123512616","age":0,"birth":"2018-01-05","addr":"''"}]

User.vue

import axios from 'axios';
export default {
    data() {
        return {
            filters: {
                name: ''
            },
            loading: false,
            users: [
            ]
        }
    },
    methods: {
        getUser: function () {
            axios.get('http://localhost:5000/api/user/list', function (data) {
                this.$set('users', data);
            })
}
    },
    mounted() {
        this.getUser();
    }
});

错误是: 未处理的承诺拒绝错误:请求失败,状态代码为404(...)

我该如何解决?

2 个答案:

答案 0 :(得分:1)

您应该为axios请求注册处理程序。

目前您正在使用settings参数作为处理程序。

axios.get('http://localhost:5000/api/user/list').then(function (response) {
  // this is your handler.
})

顺便说一句,请确保您没有通过CORS请求。

答案 1 :(得分:0)

就我而言,URL字符串中存在拼写错误。在更正后已修复。