Смена языков для приложения Vue.js

71
22 сентября 2019, 01:00

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

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

Answer 1

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

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

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

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

P.S.

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

READ ALSO
как добавить кавычки в innerHTML
javascript

как добавить кавычки в innerHTML

как сделать ,чтобы на странице отображалось "rJokevalue" ? А не просто rJoke

 126
дёргается навбар при прокрутке
javascript

дёргается навбар при прокрутке

есть страница с навбаром, который с помощью JS уменьшается при прокрутке вниз, при этом всегда оставаясь вверху (position: sticky)если быстро и сильно...

 80
Переход на gulp 4 версии,
javascript

Переход на gulp 4 версии,

Смотрю курс по верстке html письма и видимо после обновления gulp стала вылетать ошибка, как мне её исправить, я уже читал документацию, смотрел...

 106
Проблемы запроса к АРI Vue CLI
javascript

Проблемы запроса к АРI Vue CLI

Вот код apijs Vue CLI, что в нем не так?

 113