javascript - Laravel 未定义

标签 javascript php laravel npm vue.js

好吧,我正在使用新的 laravel 5.3 和 vue.js,我想对我数据库中的一些用户进行 GET 调用

顺便说一句,我正在使用组件。

这是我的 app.js

require('./bootstrap');

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

const app = new Vue({

    el: 'body',

});

这是我的组件 User.vue,出于帖子大小的原因,我将 HTML 模板留在了外面,如果需要,我可以发布它

<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 个错误

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

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

这是我的 package.json,如你所见,我拥有所有的部门来处理 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>

做与 Rocco 的回答相同的事情。

关于javascript - Laravel 未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39137883/

相关文章:

javascript - Firebase 在渲染之前在 Nuxtjs 上获取

php - 将结果合并到一个展开的表行中

php - Laravel 资源集合中的过滤属性

php - 编辑 Laravel Azure Blob 存储的 x-ms-version

javascript - RegEx javascript 不正确匹配

javascript - Jquery $.get() 操作 javascript 中查询产生的数据

javascript - 空数组中的 Angular 推送项

php - 在php中使用策略模式的优点

php - 如何将用户特定数据从外部数据库调用到 WordPress

php - 拉维尔 5 : differentiate if new row inserted in DB