Why am I getting 401 errors when making a fetch request?

Question

JavaScript

I'm starting to learn Vue JS, as well as modern JavaScript features.
Client code:

var app = new Vue({
        el: '#ex-ways',
        data: {
            giveBanks: [],
            receiveBanks: [],
        },
        created: function() {
            this.getGiveBanks()
        },
        methods: {
            getGiveBanks: function(){
                var self = this;
                fetch('/front/get_give_banks', {
                    method: 'get',
                    headers: {
                        'Content-Type': 'application/json',
                    }
                }).then(function(response){
                    if (response.status == 200) {
                        console.log('success');
                    } else {
                        console.log(response);
                    }
                });
            }
        }
    });

Server code:

public function get_give_banks()
    {
        $banks = $this->db->where('give_money', 1)->get('banks')->result_array();
        echo json_encode($banks, JSON_UNESCAPED_UNICODE);
    }

I get 401 error - request not authorized. Why so, how to fix it?

Answer 1

I think that this problem does not concern vue, looking at the server side.