[Vuejs]-Laravel 9 Vue js 3 multipart form, console showing full html, not only the retrieved data

by

0👍

You’re making an axios request and returning back method. This is used for redirecting in a monolitic app. I recommend you return a JSON response in your controller. Something like this:

public function store(Request $request)
{
    $validatedData = $request->validate([
        'nama' => 'required',
        'alamat' => 'required',
        'nomor' => 'required',
        'email' => 'required|email',
        'image' => 'required|image',
    ]);

    $formulir = new Formulirs;
    $formulir->nama = $validatedData['nama'];
    $formulir->alamat = $validatedData['alamat'];
    $formulir->nomor = $validatedData['nomor'];
    $formulir->email = $validatedData['email'];

    $image = $request->file('image');
    $imageName = time().$image->getClientOriginalName();
    $image->storeAs('public/images', $imageName);
    $formulir->image = $imageName;

    $formulir->save();

    return back()->with('success', 'Data berhasil dikirim'); // this is yours
    return response()->json('Data berhasil dikirim'); // 200 status code is the second param by default. You can change for whatever you want.
}

Leave a comment