首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >未定义Laravel

未定义Laravel
EN

Stack Overflow用户
提问于 2016-08-25 14:11:41
回答 3查看 11.3K关注 0票数 15

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

即时通讯使用组件btw。

这是我的app.js

代码语言:javascript
运行
复制
require('./bootstrap');

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

const app = new Vue({

    el: 'body',

});

这是我的组件User.vue我把HTML模板留在了post大小上,如果有必要我可以把它张贴出来

代码语言:javascript
运行
复制
<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>

我在控制台中收到两个错误

代码语言:javascript
运行
复制
 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资源

代码语言:javascript
运行
复制
{
  "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"
  }
}

希望有人能帮帮我。谢谢

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2016-08-25 15:30:13

试着把这个放到你的刀片式服务器上,正如你所看到的,在Laravel 5.3的app.blade上默认插入的是

代码语言:javascript
运行
复制
<script>
    window.Laravel = <?php echo json_encode([
        'csrfToken' => csrf_token(),
    ]); ?>
</script>
票数 38
EN

Stack Overflow用户

发布于 2016-08-26 16:18:49

或者使用更简洁的格式:

代码语言:javascript
运行
复制
<script>
    window.Laravel = { csrfToken: '{{ csrf_token() }}' };
</script>

和Rocco的答案是一样的。

票数 39
EN

Stack Overflow用户

发布于 2018-03-06 00:56:03

如果您使用的是axios,请确保在导入axios后,您的bootstrap.js文件中包含以下内容:

代码语言:javascript
运行
复制
window.axios.defaults.headers.common = {
    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
    'X-Requested-With': 'XMLHttpRequest'
};
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39137883

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档