javascriptでajax通信がしたい

Question

1.前提・実現したいこと
前提：laravelとjQueryを利用しています。

実現したいこと：タイトル通りです

2.発生している問題・エラーメッセージ
404エラーが出ていますが、何が間題なのかはわかっていないです。

3.該当のソースコード

＜study.js＞

'use strict';
var xhr = new XMLHttpRequest();

$.ajaxSetup({
        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}
    });

$(document).ready(function(){
    xhr.open('get', '/minesweeper/public/data.json');
    xhr.send();
    
    xhr.onreadystatechange = function() {
        if(xhr.readyState === 4 && xhr.status === 200) {
            console.log( xhr.responseText );
            
        }
}
});

なお、data.jsonを置いてある場所は、xhr.open()に書いてあるので間違いはないです。

そして、＜study.js＞を反映させている＜study.blade.php＞には一応「 <meta name="csrf-token" content="{{ csrf_token() }}">」を記入済みです。

Answer 1

404は指定したリクエスト先が存在しない場合に返却されます。
リクエストMethod、URLを確認してください。