2017-10-09 287 views
1

我在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','[email protected]'); 
}); 

這段代碼的功能是當我點擊.event-attendance-official時,模態應該會以給定ID使用post的請求結果提示。

問題是,每當點擊同一個類 我在控制檯日誌中得到這個錯誤。

未能加載http://localhost/attendance/get/official/attendance: 響應預檢請求未通過訪問控制檢查:否 「訪問控制允許來源」標題存在於所請求的資源 。因此不允許訪問原產地'http://test.dev'。

你有沒有遇到同樣的問題? 你做了什麼來解決?

+0

在請求的資源上出現[No'Access-Control-Allow-Origin'標頭可能存在重複。 Origin'...'因此不被允許訪問](https://stackoverflow.com/questions/20433655/no-access-control-allow-origin-header-is-present-on-the-requested-resource-or ) – Rob

回答

0

這是一個CORS案例(跨源資源共享),默認情況下,它不允許來自一個站點(URL)的網頁訪問其他站點的資源。

在返回應該沒問題之前添加此行。

header("Access-Control-Allow-Origin: *"); 
相關問題