Laravel không được xác định

Question

Tôi đang chơi với laravel 5.3 và vue.js mới và tôi muốn thực hiện cuộc gọi GET cho một số người dùng tôi có trong DB

Im bằng cách sử dụng thành phần btw.

Đây là app.js tôi

require('./bootstrap'); 

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

const app = new Vue({ 

    el: 'body', 

}); 

này được User.vue thành phần của tôi rời khỏi mẫu HTML ra cho bài kích thước lý do tôi có thể gửi nó Nếu cần

<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> 

Im nhận 2 các lỗi trong bảng điều khiển

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

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

đây là package.json của tôi vì bạn có thể thấy tôi có tất cả các thông số cho việc này tài nguyên rk vue và 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" 
    } 
} 

Hy vọng ai đó có thể giúp tôi ở đây. Cảm ơn bạn

Answer 1

Cố gắng đặt này trên lưỡi của bạn, như bạn có thể nhìn thấy được chèn theo mặc định trên app.blade trên Laravel 5,3

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

Answer 2

Hoặc cho một định dạng bụi:

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

Liệu giống như câu trả lời của Rocco.

Answer 3

nếu bạn đang sử dụng Axios sau đó đảm bảo sau đây là trong tập tin bootstrap.js của bạn sau khi Axios được nhập khẩu:

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