跨来源请求在PHP和JavaScript中被阻止

我试图向这个php代码发送一个使用javascript的post请求,但我收到了以下错误:

阻止跨来源请求:同源策略不允许读取“我的web应用程序的url”处的远程资源。(原因:CORS请求未成功)。状态代码:(null)。

这是我的js代码:

const url = 'https://opecart9349.000webhostapp.com/unzipper/opencart/index.php?route=customapi/test';

fetch(url, {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
})
  .then(response => response.json())
  .then(data => {
    // Handle the response data
    console.log(data);
  })
  .catch(error => {
    // Handle any errors
    console.error('Error:', error);
  });

这是我的php代码:

<?php
class ControllerCustomapiTest extends Controller {
    public function index() {
        
        header('Access-Control-Allow-Origin: *');
        header('Access-Control-Allow-Methods: GET, POST, OPTIONS, PUT, DELETE');
        header('Access-Control-Allow-Headers: Content-Type, Authorization, X-Requested-With');
        
        header('Content-Type: application/json');

        $response = array('success' => true);

        echo json_encode($response);
    }
}
?>