0

у меня есть небольшое SPA приложение на Vue.js. Возникла необходимость в том, чтобы отправлять с сервера в зависимости от страны клиент русскую или английскую версию страницу. С тем как определить страну я разобрался, но а вот как лучше всего реализовать, различные версии страниц для разных языков, чтобы было как можно меньше дублирования кода и как можно более удобно. В качестве данных я использую json файл. Предполагал хранить два json файла для русских данных, но не знаю как выставить в webpack чтобы получалось два бандла...

Вообщем подскажите пожалуйста наиболее выгодное решение, как уже говорил ранее в качестве системы сборки использую Webpack. Может в Webpack есть какой-либо плагин или во Vue или быть может есть какие-то другие библиотеки...

1 ответ 1

0

Для англоязычной версии идешь на сервер, допустим, по адресу .../api/lang/eng, Справедливо так же и для других языков.

В своем приложении делаешь следующий финт ушами:

const fetchData = async (lang) => {
  const data = await fetch(`.../api/lang/${lang}`);
  return await data.json()
}

Ну а дальше кладешь это в переменную и пользуешься.

P.S.

На продакшене так лучше не писать, а то можно и ногу себе отстрелить нечаянно. Лучше обернуть все это в try...catch блок, как тут

2
  • Мне не нужно делать запроса, данные в json файле хранятся, и собираются при сборке приложения
    – QuickDzen
    6 фев 2019 в 14:51
  • @QuickDzen Тогда разбиваешь на json файлы по языкам и так же фетчишь. 6 фев 2019 в 14:53

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.