Почему fetch возвращает 404 при запросах на локальных доменах?

export default class MapService {

    _apiBase = "http://otgr.frontend";

    getResource = async (url) => {
        const response = await fetch(`${this._apiBase}${url}`);

        if (!response.ok) {
            throw new Error(`Could not fetch ${url}, received ${response.status}`)
        }

        return response.json();
    };

    getProjects = async () => {
        const response = await this.getResource('/project');
        console.log(response);
        //return await response.map(this._transformProject);
    };

    _transformProject = (project) => {
        return {
            id: project.id,
            geom: project.geom,
            name: project.name,
            end_date: project.end_date,
            contractor: project.contractor,
            contract_number: project.contract_number,
            volume: project.volume,
            volume_type: project.volume_type,
            data_path_request: project.data_path_request,
            data_path_response: project.data_path_response,
            passport_path: project.passport_path,
            creation_date: project.creation_date,
            creation_user_id: project.creation_user_id,
            comments: project.comments,
            locality: project.locality
        }
    };
}

export default class MapService {

    _apiBase = "http://otgr.frontend";

    getResource = async (url) => {
        const response = await fetch(`${this._apiBase}${url}`, {
            mode: 'no-cors'
        });

        if (!response.ok) {
            throw new Error(`Could not fetch ${url}, received ${response.status}`)
        }

        return response.json();
    };

    getProjects = async () => {
        const response = await this.getResource('/project');
        console.log(response);
        //return await response.map(this._transformProject);
    };

    _transformProject = (project) => {
        return {
            id: project.id,
            geom: project.geom,
            name: project.name,
            end_date: project.end_date,
            contractor: project.contractor,
            contract_number: project.contract_number,
            volume: project.volume,
            volume_type: project.volume_type,
            data_path_request: project.data_path_request,
            data_path_response: project.data_path_response,
            passport_path: project.passport_path,
            creation_date: project.creation_date,
            creation_user_id: project.creation_user_id,
            comments: project.comments,
            locality: project.locality
        }
    };
}

public function behaviors() {
        return array_merge(parent::behaviors(), [
            'corsFilter'  => [
                'class' => \yii\filters\Cors::className(),
                'cors'  => [
                    'Origin'                           => ['http://localhost:3000'],
                    'Access-Control-Request-Method'    => ['POST', 'GET'],
                    'Access-Control-Allow-Credentials' => true,
                    'Access-Control-Max-Age'           => 3600,
                ],
            ],

        ]);
    }