Question

我在javascript中有这段代码，

  $(document).on('click', '.event-attendance-official', function() {
    var id = $(this).parents('tr').data('event');
    var data = {
      id: id
    }

    submit(data, route('attendance.official'), function(data) {
      console.log(data);
    });
  });

和提交功能

  function submit(data, url, callback) {
    $.ajax({
      type: method,
      url: url,
      data: data,
      dataType: 'json',
      beforeSend: function(request) {
        request.setRequestHeader("X-CSRF-TOKEN", $('meta[name="csrf-token"]').attr('content'));
      },
      complete: function(data) {
      },
      success: function(data) {
        callback(data);
      },
      error: function(data) {
        console.log('Error:');
      }
    });
  }

向此代码提交id

public function getOfficialAttendance(Request $event)
{
    return Attendance::with('user')
     ->where('event_id', '=', $event->id)
     ->where('did_attend', '=', 'true')
     ->get();        
}

和给定的路线

Route::prefix('attendance')->group(function() {
  Route::name('attendance.official')->post('/get/official/attendance','AttendanceController@getOfficialAttendance');
});

这段代码的作用是，当我点击.event-attendance-official时，模态应该使用帖子提示给定ID的请求结果。

问题在于，无论何时，单击同一个类我在控制台日志中收到此错误。

无法加载http://localhost/attendance/get/official/attendance：对预检请求的响应没有通过访问控制检查：否＆＃39;访问控制允许来源＆＃39;标题出现在请求的上资源。起源＆＃39; http://test.dev＆＃39;因此不允许访问。

你遇到过同样的问题吗？你做了什么来解决？

Answer 1

这是一个CORS案例（跨域资源共享），默认情况下，不允许来自一个站点（URL）的网页访问其他站点＆＃39; ressources。

在返回之前添加此行应该没问题。

header("Access-Control-Allow-Origin: *");

遇到No＆＃39; Access-Control-Allow-Origin＆＃39;标头出现在请求的资源

1 个答案: