Laravelは、まあ、私は新しいlaravel 5.3とvue.jsで遊んでいると私は私が私のDBところでコンポーネントを使用して</p> <p>イムを持っている一部のユーザーにGETコールをしたい

Question

が定義されていません。

これはこれは私がイムneccesary

<script> 

    export default{ 

     data : function() { 
      return { 
       users : '' 
      } 
     }, 

     methods: { 


      fetchUser: function() { 

       var vm = this; 

       vm.$http.get('user/', function (data) { 
        vm.$set('users', data) 
       }) 

      } 
     }, 
     ready() { 

      this.fetchUser(); 
     }, 

    } 
</script> 

場合、私は2を取得し、それを投稿することができ、ポストのサイズの理由のためにHTMLテンプレートを残し、私のコンポーネントUser.vueである私のapp.js

require('./bootstrap'); 

Vue.component('example', require('./components/UserComponents/User.vue')); 

const app = new Vue({ 

    el: 'body', 

}); 

ですコンソールのエラー

vue-resource.common.js?d39b:27 0ReferenceError: Laravel is not defined(…) 

(program):29 Uncaught (in promise) ReferenceError: Laravel is not defined(…) 

これは私のpackage.jsonですrk vueとvueリソース

{ 
    "private": true, 
    "scripts": { 
    "prod": "gulp --production", 
    "dev": "gulp watch" 
    }, 
    "devDependencies": { 
    "bootstrap-sass": "^3.3.7", 
    "gulp": "^3.9.1", 
    "jquery": "^3.1.0", 
    "laravel-elixir": "^6.0.0-9", 
    "laravel-elixir-vue": "^0.1.4", 
    "laravel-elixir-webpack-official": "^1.0.2", 
    "lodash": "^4.14.0", 
    "vue": "^1.0.26", 
    "vue-resource": "^0.9.3" 
    } 
} 

誰かが私をここで助けてくれることを願っています。

<script> 
    window.Laravel = { csrfToken: '{{ csrf_token() }}' }; 
</script> 

ん：あなたは

<script> 
    window.Laravel = <?php echo json_encode([ 
     'csrfToken' => csrf_token(), 
    ]); ?> 
</script> 

Answer 1

てみてくださいありがとうございましたロッコの答えと同じこと。 axiosがインポートされた後

Answer 2

それともクリーナー形式のLaravel 5.3にapp.bladeにデフォルトで挿入されて見ることができるよう、あなたの刃でこれを置くためにあなたに

Answer 3

あなたは次のことを確認axiosを使用している場合は、あなたのbootstrap.jsファイルにあります。

window.axios.defaults.headers.common = { 
    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'), 
    'X-Requested-With': 'XMLHttpRequest' 
};