我無法使用來自 Vue 應用程序的 axios 向在 WAMP 上運行的 PHP API 發出 XHR 請求。錯誤消息如下：CORS 策略已阻止從源“http://localhost:8080”在“http://localhost/myapp/api/test/1”處對 XMLHttpRequest 的訪問：對預檢請求的響應未通過訪問控制檢查：請求的資源上不存在“訪問控制-允許源”標頭。如您所見，這是CORS的問題。經過一些文檔，這是我一直在做的修復它（仍然不起作用）。公小號呼叫：axios({ method: 'get', url: 'http://localhost/myapp/api/test/1', data: JSON.stringify({}), headers: { 'Content-Type': 'application/json', }, crossdomain: true,});如果我在我的網絡瀏覽器中訪問 http://localhost/myapp/api/test/1，我得到了我的回復。我試圖把這行代碼放在我的PHP API中，在我的入口點（索引.php）header('Access-Control-Allow-Origin: *');我配置了萬向節：已更改# Virtual Hosts<VirtualHost *:80> ServerName localhost ServerAlias localhost DocumentRoot "${INSTALL_DIR}/www" <Directory "${INSTALL_DIR}/www/"> Options +Indexes +Includes +FollowSymLinks +MultiViews Header set Access-Control-Allow-Origin "*" AllowOverride All Require local </Directory></VirtualHost>激活了阿帕奇模塊中的“headers_module”重新啟動所有內容，清除我的緩存，嘗試從另一個瀏覽器...仍然不起作用，我錯過了什么嗎？
2 回答
侃侃爾雅
TA貢獻1801條經驗 獲得超16個贊
我在索引.php文件的頂部使用它來修復CORS問題：
function cors() {
// Allow from any origin
if (isset($_SERVER['HTTP_ORIGIN'])) {
header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: GET, POST, PATCH, PUT, DELETE, OPTIONS");
header("Access-Control-Allow-Headers: Origin, Authorization, X-Requested-With, Content-Type, Accept");
header('Access-Control-Allow-Credentials: true');
header('Access-Control-Max-Age: 86400'); // cache for 1 day
}
// Access-Control headers are received during OPTIONS requests
if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') {
if (isset($_SERVER['HTTP_ACCESS_CONTROL_REQUEST_METHOD']))
// may also be using PUT, PATCH, HEAD etc
header("Access-Control-Allow-Methods: GET, POST, PATCH, PUT, DELETE, OPTIONS");
if (isset($_SERVER['HTTP_ACCESS_CONTROL_REQUEST_HEADERS']))
header("Access-Control-Allow-Headers: Origin, Authorization, X-Requested-With, Content-Type, Accept");
exit(0);
}
}
cors();
小怪獸愛吃肉
TA貢獻1852條經驗 獲得超1個贊
- 2 回答
- 0 關注
- 143 瀏覽
添加回答
舉報
0/150
提交
取消