Passport vue component ajax request not found

I was able to show the passport vue component (user interface) by following the documentation given in Laravel website. But when creating a client the requested url is not found the system. Any suggestion would be helpful. image description here

This is my gulpfile.js

const elixir = require('laravel-elixir');

require('laravel-elixir-vue-2');


elixir(mix => {
    mix.sass('app.scss')
       .webpack('app.js');
});

This is app.js

require('./bootstrap');

Vue.component('example', require('./components/Example.vue'));
Vue.component(
        'passport-clients',
        require('./components/passport/Clients.vue')
        );
Vue.component(
        'passport-authorized-clients',
        require('./components/passport/AuthorizedClients.vue')
        );
Vue.component(
        'passport-personal-access-tokens',
        require('./components/passport/PersonalAccessTokens.vue')
        );

const app = new Vue({
    el: 'body'
});

This is package.json

{
  "private": true,
  "scripts": {
    "prod": "gulp --production",
    "dev": "gulp watch"
  },
  "devDependencies": {
    "bootstrap-sass": "^3.3.7",
    "gulp": "^3.9.1",
    "gulp-install": "^0.6.0",
    "jquery": "^3.1.0",
    "laravel-elixir": "^6.0.0-11",
    "laravel-elixir-vue-2": "^0.2.0",
    "laravel-elixir-webpack": "^1.0.1",
    "laravel-elixir-webpack-official": "^1.0.2",
    "lodash": "^4.16.2",
    "vue": "^2.0.1",
    "vue-resource": "^1.0.3",
    "webpack": "^1.13.2"
  }
}

via Chebli Mohamed