Laravel + Vue 应用程序错误，未定义函数 csfr_token()答案

【问题标题】：Laravel + Vue Application error with undefined function csfr_token()Laravel + Vue 应用程序错误，未定义函数 csfr_token()
【发布时间】：2022-01-22 15:07:48
【问题描述】：

使用 Laravel 和 Vue js 应用程序。我在 head 标签中有以下 welcome.blade.php 文件脚本

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

并尝试在 category.vue 文件中上传图片，如下所示

<Modal
                   v-model="addModal"
                   title="Add Category"
                   :mask-closable="false"
                   :closable="false"
                   >
                   
                  <Input v-model="data.tagName" placeholder="Add Category Name" style="width: 300px" />
                  <div class="space"></div>
                  <Upload
                    
                     type="drag"
                     :headers="{'x-csrf-token' : token}"
                     action="/app/upload">
                     <div style="padding: 20px 0">
                     <Icon type="ios-cloud-upload" size="52" style="color: #3399ff"></Icon>
                     <p>Click or drag files here to upload</p>
                      </div>
                    </Upload>
                  <div slot="footer">
                      <Button type="default" @click="addModal">Close</Button>
                      <Button type="primary" @click="addTag" :disabled="isAdding" :loading="isAdding">{{isAdding ? 'Adding..' : 'Add Tag'}}</Button>

                  </div>
               </Modal>

但是当运行程序时它会生成以下错误消息 Symfony\Component\Debug\Exception\FatalThrowableError Call to undefined function csfr_token() (View: F:\2021 Technics\vue + laravel\fullstack\resources\views\welcome.blade.php)

如何解决这个问题？

【问题讨论】：

应该是csrf_token()?
@msbit 喜欢拼写检查
@msbit 是的，谢谢它正在工作

标签： php laravel vue.js

【解决方案1】：

拼写错误。当前函数名是csrf_token()

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

【讨论】：