Хранение адреса API в HTML

Question

Я пишу HTML-сайт, который будет использовать jQuery для взаимодействия с API.

Я уже создал API (контроллеры Web-API). На сайте около 25 страниц.Каждый из них будет иметь некоторую функциональность, которая в некоторой степени будет зависеть от вызова API (get / posts).

То, что я нашел В настоящее время на каждой из включенных страниц скрипта я пишу полный текст.Адрес API.Самая большая проблема заключается в том, что если я изменю серверы, на которых размещен API, то это 25 обновлений адреса API.Я подумал о том, чтобы выбросить его в локальное хранилище / сеанс и просто сослаться на него, чтобы его можно было физически записать только в 1 месте, а затем просто добавить в соответствующий раздел.

Но, может быть, у HTML есть какая-то функциональность, с которой я не знаком (или jQuery), в этом отношении, которая лучше, чем сессия / локальное хранилище?

Я знаю, что со ссылками на другой файл JSвы можете получить значения из него, но мне не нравится потенциальное влияние на производительность загрузки другого файла JS для получения адреса API.Так есть ли у HTML лучший вариант для этого?

Answer 1

Вы можете сохранить свой apiBaseUrl в локальном хранилище, установив нижеприведенное и получить один и тот же элемент и использовать его во всем приложении

localStorage.setItem ("apiBaseUrl", "your_api_url_here");

и получить тот же элемент

var apiUrl = localStorage.getItem ("apiBaseUrl");

Но если вы создаете приложение реального времени, я бы посоветовал вам не использовать этот вариант решения.И вы можете иметь константу в конфигурации или где-то еще, так что вы можете вызывать одно и то же везде и использовать.что-то вроде ниже, и вам не нужно менять базовый URL везде.Все, что вам нужно сделать, это использовать константу.А завтра, если вы хотите изменить baseUrl, вам просто нужно изменить в одном месте.

• config.js

const baseApiUrl = your_api_base_url;

и просто используйте baseApiUrl