laravel API令牌-数据未显示

Question

我尝试使用vuejs将json数据放入视图。我尝试使用api令牌。我使用用户注册生成令牌，并将其保存在数据库行中。

这是我的控制器

public function index()
{
    $contact = Contact::all();

    $contactcount = count($contact);

    return json_encode([
      'contactcount' => $contactcount,
    ]);
}

这是我的vue js方法

fletchDetails(){
    fetch('http://slfsnew.test/api/contact', {
          params: {
            api_token: this.api_token,
          }
        })
    .then(res => res.json())
    .then(res => {
    this.contact = res.contactcount;
    });
},

我试图用道具获得我的api令牌

data(){
return {
   contact: '',
   uri: 'http://slfsnew.test/api/contact',
   api_token: this.user.api_token,
   }
  }

我这样定义了我的vuejs组件。

<contactform @if(auth()->check())
        :user="{{ auth()->user() }}"
    @endif></contactform>

此api令牌获取了我的数据属性，最后它向我显示了此错误。

admin:1 Uncaught (in promise) SyntaxError: Unexpected token < in JSON at 
position 0

我该如何解决。我想得到我的计数并显示在引导卡中

<h3>{{ contact }} test</h3>