Php Laravel:Axios未在编辑页面中保存数据

我创建了一个编辑页面来编辑数据。在用户编辑表单之后。应保存该表单。但在我的情况下，我无法保存表单，它显示错误。 我面临着这个错误

提醒组件.vue

<script>
    import Vue from 'vue'
    import axios from 'axios'
    import VueAxios from 'vue-axios' 
    import MarkdownIt from 'markdown-it'
    import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
    var msg_editor;
    Vue.use(VueAxios, axios);


    const md = new MarkdownIt({
        linkify: true
    })

  export default {
    props: ['email_creation_link', 'email_index_route', 'email_edit_route','conditions','modules','mailtemplates'],

    components: {


    },


    data() {
        return {
            template: 
             {
                subject: '',
                message: '' ,
                days: '',
                condition_id: 1,

            },
            options:[
                {
                    display:'Client Name',
                    actual:'Client name'
                }, 
                {
                    display:'Joined Date',
                    actual:'Joined date'
                },
                {
                    display:'Module Name',
                    actual:'Module name'
                },
                {
                    display:'Last Seen',
                    actual:'Last seen'
                },
            ],


              showName: false,


        }
    },


    mounted(){
            var self = this;

            ClassicEditor
            .create(document.querySelector( "#msg"),
                {
                })
            .then(editor => {
                msg_editor = editor;
                editor.model.document.on( 'change:data', () => {
                    self.template.message = msg_editor.getData();
                });
            })

            .catch(error => {
                console.error(error);
            })


            if (this.mailtemplates) {
                    this.template=this.mailtemplates;
            }



        }, 

    methods: {

        //Drag items
        dragstart: function(item, e){
            this.draggingItem = item;
            e.dataTransfer.setData('text/plain', item.actual);
        },
        dragend: function(item,e) {
            e.target.style.opacity = 1;
        },
        dragenter: function(item, e) {
            this.draggingItem = item;
        },
        //content
        replaceVariables(input)
        {
            let updated = input
            return updated
        },
        //hidecontent
        showHide: function(e)
        {
            console.log("Show "+e.target.value+ " fields")
            this.showName = e.target.value !== ''
        },
        fetch()
        {
            //request data
            axios.get(this.email_index_route,this.template)
                .then((res) => {
                    this.template = res.data.template;

                })
            **axios.get(this.email_edit_route,this.mailtemplates)
                .then((res) => {
                    this.mailtemplates = res.data.template;

                })**
        },
        save()
        {
            //save data to db
            axios.post(this.email_index_route, this.template)
                .then((res) => {
                    alert('Mail sent successfull!')
                })
            **axios.post(this.email_edit_route, this.mailtemplates)
                .then((res) => {
                    alert('Mail sent successfull!')
                })**
        },
        addToMail: function(type, text)
        {
            if (type == 'message') {
                this.template.message += text;
                msg_editor.setData(this.template.message);
            }
        },

        //user name replace
        replaceVariables() {
            return this.replaceVariables(this.options || '')
        },
    }
  }
</script>

路由文件

Route::get('api/email/create', ['as' => 'email.create', 'uses' => 'Havence\AutoMailController@create']);
    Route::get('automail/mail', 'Havence\AutoMailController@mail');
    Route::get('automail/index',['as'=>'email.index','uses' => 'Havence\AutoMailController@index']);
    Route::post('automail/edit/{id}',['as'=>'email.edit','uses' => 'Havence\AutoMailController@edit']);
    Route::get('automail/delete',['as'=>'email.delete','uses' => 'Havence\AutoMailController@destroy']);

我一直在寻找这个问题，但找不到一个能让这个问题清楚的答案

---

谢谢

根据您的错误和路由文件，您在

edit

页面上使用

POST

方法，但您的编辑方法只接受

GET

方法，这就是您出现此错误的原因

---

我收到此错误

是否确定您的路线存在于laravel？是的，路线存在于laravel。我将编辑我的路线文件。您可以查看iRoute:：post（'automail/edit/{id}'，['as'=>'email.edit'，'uses'=>'Havence\AutoMailController@edit']); 是这样吗？是的，如果你想使用post请求，那么你必须在路由文件中使用post请求。是的，我尝试更改方法，但数据没有保存，并获得其他一些@Sehdevi附加在上面在顶部添加此行

从“vue axios”导入VueAxios

Route::get('api/email/create', ['as' => 'email.create', 'uses' => 'Havence\AutoMailController@create']);
    Route::get('automail/mail', 'Havence\AutoMailController@mail');
    Route::get('automail/index',['as'=>'email.index','uses' => 'Havence\AutoMailController@index']);
    Route::post('automail/edit/{id}',['as'=>'email.edit','uses' => 'Havence\AutoMailController@edit']);
    Route::get('automail/delete',['as'=>'email.delete','uses' => 'Havence\AutoMailController@destroy']);