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

Question

除非我感到沮丧，否则我通常不会发帖。我一直在使用 Imperavi Article 并且无法将其与 VueJS 一起使用。以下是发送 CSRF-TOKEN 的代码，但我不断收到错误 419，令牌未匹配。我无法解决这个问题。我已经尝试了所有可能的方法并且已经筋疲力尽了。

以下是我的代码。

<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() }}');
            }
        }