Почему я получаю 401 ошибку при запросе через fetch?

Начинаю осваивать Vue JS, а также современные возможности яваскрипта.
Код на клиенте:

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);
                    }
                });
            }
        }
    });

Код на сервере:

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

Получаю 401 ошибку - запрос не авторизован. Почему так, как исправить?