Question

来自stackOverflow的

合作伙伴使用前端后端的laravel和前端的vue.js创建模块，我有一个创建新实体的表单，但是控制器没有获取值，请帮助我找到错误。我将分享代码。

routes.web

    //new event from API
    Route::resource('/api/events', 'EventsController', ['except' => 'show','create']);

EventsController.php控制器中的函数

<?php

namespace soColfecar\Http\Controllers;

use Illuminate\Http\Request;
use Illuminate\Support\Facades\Hash;
use soColfecar\Http\Requests\CreateEventRequest;
use soColfecar\Http\Requests\UpdateEventRequest;
use soColfecar\User;
use soColfecar\Change;
use soColfecar\Event;
use soColfecar\Event_type;
use Auth;
    public function store(Request $request)
{
    $exploded = explode(',', $request->banner);
    $decoded = base64_decode($exploded[1]);
    if(str_contains($exploded[0],'jpeg'))
        $extension = 'jpg';
    else
        $extension = 'png';
    $fileName = str_random().'.'.$extension;
    $path = public_path().'/storage/banner/'.$fileName;
    file_put_contents($path, $decoded);

    Event::create([
        'event' => strtoupper($request['event']),
        'id_event_type' => $request['id_event_type'],
        'date_init' => $request['date_init'],
        'date_end' => $request['date_end'],
        //'banner' => $fileName,
    ]);
    Change::create([
        'description' => 'Creo el  de evento:'.$request['event'].' correctamente.',
        'id_item' => 10,
        'id_user' => Auth::user()->id,
    ]);

    return redirect()->route('events.index')
        ->with('info', 'evento guardado con exito');
}

方法：

<form method="POST" v-on:submit.prevent="storeNewEvent">
                    <div class="form-group m-form__group">
                        <label for="eventTypeInput">Tipo de vento:</label>
                        <v-select :options="eventTypes"  v-model="newEvent.id_event_type" id="eventTypeInput">
                            <template slot="option" slot-scope="option">
                                {{ option.label }}
                            </template>
                        </v-select>
                        <span v-for="error in errors" class="text-danger" :key="error.error">{{ error.city_id }}</span>
                    </div>
                    <div class="form-group m-form__group">
                        <label for="inputHotelName">Nombre del Evento</label>
                        <input type="text" class="form-control" name="inputHotelName" v-model="newEvent.event" placeholder="Nombre del Evento">
                        <span v-for="error in errors" class="text-danger" :key="error.error">{{ error.hotel_name }}</span>
                    </div>
                    <div class="form-group m-form__group">
                        <label for="date_init_imput">Fecha de inicio</label>
                            <input class="form-control" type="date" v-model="newEvent.date_init" value="" id="date_init_imput">
                    </div>
                    <div class="form-group m-form__group">
                        <label for="date_end_imput">Fecha de finalizacion</label>
                            <input class="form-control" type="date" v-model="newEvent.date_end" value="" id="date_end_imput">
                    </div>
                    <div class="form-group m-form__group">
                        <label for="customFile">Banner del Evento</label>
                        <div></div>
                        <div class="custom-file">
                            <input type="file" class="custom-file-input" @change="getLogo" id="customFile">
                            <label class="custom-file-label" for="customFile">Seleccione archivo</label>
                            <span v-for="error in errors" class="text-danger" :key="error.error">{{ error.logo }}</span>
                        </div>
                    </div>

                    <hr>
                    <button type="submit" class="btn btn-info waves-effect text-left">Guardar</button>
                </form>
data() {
    return {
        changes:    [],
        eventTypes: [],
        errors:     [],
        newEvent: {
            event:          '',
            id_event_type:  '',
            date_init:      '',
            date_end:       '',
            banner:         '',
        }
    }
},
    storeNewEvent : function() {
        var url = 'api/events';
        var newEvent = this.newEvent
        axios.post(url, {event: this.newEvent}).then(response => {
            this.newEvent = {}
            this.errors = [];
            $('#new_event_modal').modal('hide');
            $('.modal-backdrop').remove();
            toastr.success('Se ha creado el evento con exito!')
        }).catch(error => {
            this.errors = error.response.data
        });
    },

错误

“用于函数soColfecar \ Http \ Controllers \ EventsController :: store（）的参数太少，传递了0个且恰好期望有1个”

enter image description here

Answer 1

您需要type hint the $request，以便Laravel知道填写它（“依赖注入”）。

文件顶部：

use Illuminate\Http\Request;

然后，针对您的功能：

public function store(Request $request) {

Laravel从vuie.js模块的axios.post获取空变量

1 个答案: