Vue: Unhandled promise rejection Error: Request failed with status code 404？

Question

My API url is http://localhost:5000/api/user/list, data shows as:

[{"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();
    }
});

The error is : Unhandled promise rejection Error: Request failed with status code 404(…)

How can I fix it?

Onur Özkan · Accepted Answer · 2018-01-10 07:20:11Z

1

You should register a handler for your axios request.

Currently you are using settings argument as a handler.

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

Btw, make sure you are not requesting via CORS.

answered Jan 10, 2018 at 7:20

Onur Özkan

1,0281 gold badge12 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

M Umar · Accepted Answer · 2019-09-17 03:20:28Z

0

In my case there was a spelling mistake in URL string. It is fixed after that correction.

answered Sep 17, 2019 at 3:20

M Umar

212 bronze badges

Collectives™ on Stack Overflow

Vue: Unhandled promise rejection Error: Request failed with status code 404？

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related