laravel - vue Js と Laravel を使用して Excel ファイルから mysql にデータをインポートする方法

Question

axios を使用して Excel ファイルをデータベースにエクスポートしようとすると問題が発生します。ファイルをコンソールすることはできますが、データを投稿する方法がわかりません。リソースの読み込みに失敗しました: サーバーは 422 (Unprocessable Entity) app.js:716 のステータスで応答しました

私の見解

 <form  enctype="multipart/form-data">
   @csrf
    <div class="form-group">
     <table class="table">
      <tr>
       <td width="40%" align="right"><label>Select File for Upload</label></td>
       <td width="30">
        <input type="file"   @change="getExcelData" name="select_file"  />
       </td>
       <td width="30%" align="left">
        <input type="submit" name="upload" class="btn btn-primary" value="Upload">
       </td>
      </tr>
     </table>
    </div>
   </form>

ビュー関数

getExcelData(e){
       //const formData = new FormData();
    const file = e.target.files[0];
     console.log(file);
    //formData.append('file', file);
 axios.post("/import_excel/import").then(function(response){
   // this.users=response.data;
   console.log("working now");
   console.log(file);
    console.log(response)
          }.bind(this))
    },

私のコントローラーファイル

function import(Request $request)
    {
     $this->validate($request, [
      'select_file'  => 'required|mimes:xls,xlsx'
     ]);

     $path = $request->file('select_file')->getRealPath();

     $data = Excel::load($path)->get();

     if($data->count() > 0)
     {
      foreach($data->toArray() as $key => $value)
      {
       foreach($value as $row)
       {

        $insert_data[] = array(
         'userName'  => $row['userName'],
         'userPassword'   => $row['userPassword'],
         'timePackage'   => $row['timePackage'],
         'location'    => $row['location'],
         'Assigned'    => $row['Assigned']

        );
       }
      }

      if(!empty($insert_data))
      {
       DB::table('hotspot_users')->insert($insert_data);
      }
     }
     return back()->with('success', 'Excel Data Imported successfully.');
    }

ルート

Route::post('/import_excel/import', 'ImportExcelController@import');