Помогите пожалуйста устранить ошибку - GET http://127.0.0.1:5500/src/services/apiservice net::ERR_ABORTED 404 (Not Found)

начал делать небольшой проект, возникла ошибка, сейчас постараюсь все расписать.
HTML:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  
  <link rel="stylesheet" href="style.css" />
  <title>title</title>
 </head>
 <body>
   
  <script type="module" src="app.js" ></script>
 </body>
</html>

Файлы:


Основной файл app.js, модули apiConfig.js и apiservice.js.
apiConfig.js:
const config = {
    url: 'https://aviasales-api.herokuapp.com',
};

export default config; 

apiservice.js:

import axios from 'axios'; 
import config from '../config/apiConfig';

class Api {
    constructor(config) {
        this.url = config.url ;
    }
    async countries() {
        try {
            const response = await axios.get(`${this.url}/countries`)
            console.log(response);
        } catch (err) {
            console.log(err); 
            return Promise.reject(err); 
        }
    }
    async cities() {
        try {
            const response = await axios.get(`${this.url}/cities`)
            console.log(response);
        } catch (err) {
            console.log(err); 
            return Promise.reject(err); 
        }
    }
    async prices(params) {
    }
}

const api = new Api(config); 

export default api; 

app.js:

import api from './services/apiservice'; 
api.countries().then(res => console.log(res)); 

Вместо ожидаемого ответа от сервера возникает ошибка: введите сюда описание изображения


Ответы (0 шт):