上传图片时Imperavi文章编辑器令牌不匹配

Question

我通常不会发帖，除非我感到沮丧。我一直在使用Imperavi文章，但无法在VueJS上使用它。以下是发送CSRF-TOKEN的代码，但我一直收到错误419，token miss。我无法解决这个问题。我试过了所有可能的方法，结果都被踢出局了。

以下是我的代码。

<template>
    <div>
        <article-editor :config="configOptions" :name="name"></article-editor>
    </div>
</template>

<script>
export default {
    props: ["name"],
    data() {
        return {
            configOptions: {
                subscribe: {
                    "upload.before.send": function(event) {
                        var xhr = event.get("xhr");
                        var token = document.head.querySelector(
                            "[name=csrf-token]"
                        ).content;
                        xhr.setRequestHeader("X-CSRF-Token", token);
                    }
                },
                plugins: ["blockcode", "reorder"],
                editor: {
                    focus: true
                },
                image: {
                    upload: "/admin/blog/images/upload"
                }
            }
        };
    }
};
</script>

<style></style>

下面是我得到的错误。

    "message": "CSRF token mismatch.",
    "exception": "Symfony\\Component\\HttpKernel\\Exception\\HttpException",

Answer 1

尝尝这个

subscribe: {
            'autosave.before.send': function(event) {
                var xhr = event.get('xhr');
                xhr.setRequestHeader('X-CSRF-Token', '{{ csrf_token() }}');
            },
            'upload.before.send': function(event) {
                var xhr = event.get('xhr');
                xhr.setRequestHeader('X-CSRF-Token', '{{ csrf_token() }}');
            }
        }