---
# System prepended metadata

title: '[後11]普通人の前前後後鐵人賽'

---

# [後11]普通人の前前後後鐵人賽

本來這個部分，應該要先稍微有點前端畫面我在開始講會比較好，起初我一直以為是前端的問題，讓我花了大把大把的時間在，修理我的前端code 直到我把錯誤碼拿去google ，才讓我認識了這個傢伙

先附上無人權 err code 圖
---
![](https://i.imgur.com/QGpAdI3.png)

# cors
跨來源資源共用（Cross-Origin Resource Sharing (CORS)）是一種使用額外 HTTP 標頭令目前瀏覽網站的使用者代理取得存取其他來源（網域）伺服器特定資源權限的機制。當使用者代理請求一個不是目前文件來源——例如來自於不同網域（domain）、通訊協定（protocol）或通訊埠（port）的資源時，會建立一個跨來源 HTTP 請求（cross-origin HTTP request）。

---
阿？跨來源 ， 前後端不都拎杯開的 （翻桌

解決
---
由於網路上一大堆解決方法，但是不知道為什麼無法解決我的問題，最後在我東尋西覓之下，終於被我給找到了！

    //in api.php 
    
    <?php
    use Illuminate\Http\Request;
    
    header('Access-Control-Allow-Origin: *');
    header('Access-Control-Allow-Methods: POST, GET, OPTIONS, PUT, DELETE');
    header('Access-Control-Allow-Headers: Content-Type, X-Auth-Token, Origin, Authorization');

一開始從前端抓錯，最後居然改後端的code，沒辦法，我就是爛！

參考
---
- https://laracasts.com/discuss/channels/vue/cors-no-access-control-allow-origin-header-is-present
- https://developer.mozilla.org/zh-TW/docs/Web/HTTP/CORS

