Laravel 設定 CORS
更新於 發佈於 閱讀時間約 2 分鐘
從瀏覽器console看到類似這個error: ..... has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource
表示遇到CORS的問題，在Laravel中有現成的套件(fruitcake/laravel-cors)可以直接用，但我個人是遇到不work的問題，config/cors.php中不管怎麼設定都不會跑middleware的code，後來改成直接改bootstrap/app.php，在最下面return前加入:
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: *');
header('Access-Control-Allow-Headers: *');
header('Access-Control-Allow-Methods: *');
header('Access-Control-Allow-Headers: *');
再自行根據需求把*改掉，這個方法經測試OK!
可以改成類似這種寫法，解決Access-Control-Allow-Origin需設定多個domain的問題:
注意:
app/Http/Kernel.php中的protected $middleware = [...];
裡面如果有用到\Fruitcake\Cors\HandleCors::class
記得要註解或刪掉，不然會導致上述改bootstrap/app.php的方法也失效!
app/Http/Kernel.php中的protected $middleware = [...];
裡面如果有用到\Fruitcake\Cors\HandleCors::class
記得要註解或刪掉，不然會導致上述改bootstrap/app.php的方法也失效!
2023/12/16 補充:
Laravel 9.2以後就直接內建fruitcake/laravel-cors此套件了，所以可以直接使用config/cors.php這個檔案來設定CORS，預設如下圖:
例如把allowed_origins改成http://localhost:3000，這是我前端開發的url:
因此不再需要用bootstrap/app.php這個方式了。
本筆記參考:
1. https://github.com/fruitcake/laravel-cors
2. https://github.com/fruitcake/laravel-cors/issues/494
3. https://stackoverflow.com/questions/39429462/adding-access-control-allow-origin-header-response-in-laravel-5-3-passport
4. https://stackoverflow.com/questions/1653308/access-control-allow-origin-multiple-origin-domains
1. https://github.com/fruitcake/laravel-cors
2. https://github.com/fruitcake/laravel-cors/issues/494
3. https://stackoverflow.com/questions/39429462/adding-access-control-allow-origin-header-response-in-laravel-5-3-passport
4. https://stackoverflow.com/questions/1653308/access-control-allow-origin-multiple-origin-domains
為什麼會看到廣告
21會員
161內容數
留言0
查看全部
你可能也想看
Google News 追蹤
隨著理財資訊的普及，越來越多台灣人不再將資產侷限於台股，而是將視野拓展到國際市場。特別是美國市場，其豐富的理財選擇，讓不少人開始思考將資金配置於海外市場的可能性。
然而，要參與美國市場並不只是盲目跟隨標的這麼簡單，而是需要策略和方式，尤其對新手而言，除了選股以外還會遇到語言、開戶流程、Ap
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
ALB 本身並非原生支援 CORS，因此需要後端應用程式新增 CORS 標頭。
出於安全原因，瀏覽器限制從腳本發起的跨來源 HTTP 請求。預設情況下，XMLHttpRequest 遵循同源策略。這意味著使用這些 API 的 Web 應用程式只能從載入應用程式的相同來源請求資源，除非來自其他來源
在這篇教學文章中，我們將展示如何使用 Node.js 建立一個簡單的伺服器，並解決常見的跨來源資源共享（CORS）問題，確保伺服器能夠接收並處理來自不同來源的資料。
CodeIgniter 3 和 Laravel 是兩種不同的 PHP 框架，各有其特點和適用場景。CodeIgniter 3 是一個輕量級框架，Laravel 是一個功能強大的現代 PHP 框架，同樣都有Models的它們有什麼樣的差別呢？
※ 原本狀態：伺服器渲染
這是 MVC 架構下的 request / response 示意圖，在這張圖呈現的架構裡，畫面和資料都由同一個架構處理。
伺服器渲染流程：
瀏覽器針對特定網址送出請求。
路由器解析請求後，轉接給對應的 controller。
controller 按照要求，透過
使用靜態檔案下載 Bootstrap 的原因主要有以下幾點：
客製化：當你下載了 Bootstrap 的靜態檔案，你可以根據自己的需求來修改這些檔案。例如，你可以改變預設的顏色、字型大小、間距等，使其更符合你的網站風格。這是直接使用 CDN 所無法做到的。
效能優化：如果你的網站只使用 Boot
之前在【什麼是網路請求（HTTP response）】筆記裡有提到，網路請求遇到 CORS 跨域問題，在開發時可以透過 vite 的反向代理來解決，那麼什麼是反向代理，有反向代理的話是不是也有正向代理呢?
這篇文章將會提供在伺服器上安裝憑證的步驟，包括下載憑證，設定php.ini以及重新啟動Web Server等。
在開發前後端分離架構時，使用兩個不同網域所遇到跨域請求問題。特別是在POST請求時行為差異大，揭示了「簡單請求」與「預檢請求」的關鍵差異。簡單請求不需預檢，但application/json會觸發預檢請求，需透過特定設定解決。分享這篇文章希望幫助開發者有效處理跨域問題。
Codeigniter如果不調整設定，網址中會自帶index.php，為了符合MVC架構，通常會將它去除，本文將詳細說明處理步驟。
隨著理財資訊的普及，越來越多台灣人不再將資產侷限於台股，而是將視野拓展到國際市場。特別是美國市場，其豐富的理財選擇，讓不少人開始思考將資金配置於海外市場的可能性。
然而，要參與美國市場並不只是盲目跟隨標的這麼簡單，而是需要策略和方式，尤其對新手而言，除了選股以外還會遇到語言、開戶流程、Ap
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
ALB 本身並非原生支援 CORS，因此需要後端應用程式新增 CORS 標頭。
出於安全原因，瀏覽器限制從腳本發起的跨來源 HTTP 請求。預設情況下，XMLHttpRequest 遵循同源策略。這意味著使用這些 API 的 Web 應用程式只能從載入應用程式的相同來源請求資源，除非來自其他來源
在這篇教學文章中，我們將展示如何使用 Node.js 建立一個簡單的伺服器，並解決常見的跨來源資源共享（CORS）問題，確保伺服器能夠接收並處理來自不同來源的資料。
CodeIgniter 3 和 Laravel 是兩種不同的 PHP 框架，各有其特點和適用場景。CodeIgniter 3 是一個輕量級框架，Laravel 是一個功能強大的現代 PHP 框架，同樣都有Models的它們有什麼樣的差別呢？
※ 原本狀態：伺服器渲染
這是 MVC 架構下的 request / response 示意圖，在這張圖呈現的架構裡，畫面和資料都由同一個架構處理。
伺服器渲染流程：
瀏覽器針對特定網址送出請求。
路由器解析請求後，轉接給對應的 controller。
controller 按照要求，透過
使用靜態檔案下載 Bootstrap 的原因主要有以下幾點：
客製化：當你下載了 Bootstrap 的靜態檔案，你可以根據自己的需求來修改這些檔案。例如，你可以改變預設的顏色、字型大小、間距等，使其更符合你的網站風格。這是直接使用 CDN 所無法做到的。
效能優化：如果你的網站只使用 Boot
之前在【什麼是網路請求（HTTP response）】筆記裡有提到，網路請求遇到 CORS 跨域問題，在開發時可以透過 vite 的反向代理來解決，那麼什麼是反向代理，有反向代理的話是不是也有正向代理呢?
這篇文章將會提供在伺服器上安裝憑證的步驟，包括下載憑證，設定php.ini以及重新啟動Web Server等。
在開發前後端分離架構時，使用兩個不同網域所遇到跨域請求問題。特別是在POST請求時行為差異大，揭示了「簡單請求」與「預檢請求」的關鍵差異。簡單請求不需預檢，但application/json會觸發預檢請求，需透過特定設定解決。分享這篇文章希望幫助開發者有效處理跨域問題。
Codeigniter如果不調整設定，網址中會自帶index.php，為了符合MVC架構，通常會將它去除，本文將詳細說明處理步驟。