How to Use the JavaScript Fetch API

I have may be a basic question, with the url, when I work on visual studio url it’s like https://localhost:3030/api/something but when I publish it’s like https://myserver:3030/api/something how can I handle this to avoid change url in all my functions because is hardcode basically

Hey, Sara, thanks for the article. There are some minor typos in Step 2 full code so it doesn’t work. I´ve checked and change a little bit and now it´s ok:

<h1>Authors</h1>

<ul id="authors">

</ul>

<script> const ul = document.getElementById(‘authors’); const list = document.createDocumentFragment(); const url = ‘https://jsonplaceholder.typicode.com/users/’;

fetch(url) .then((response) => { return response.json(); }) .then((json) => { json.map(function(author) { let li = document.createElement(‘li’); let name = document.createElement(‘h2’); let email = document.createElement(‘span’);

 name.innerHTML = `${author.name}`;
 email.innerHTML = `${author.email}`;

 li.appendChild(name);
 li.appendChild(email);
 list.appendChild(li);
 ul.appendChild(list);
 });
})
.catch(function(error) {
 console.log(error);
});

</script>

i created an account to say this. although the article is helpful the syntax highlighting is atrocious my eyes are bleeding please change the colors please