Должен ли я использовать nginx, чтобы переписать Nuxt.js - PullRequest
0 голосов
/ 09 мая 2018

Я сейчас использую Nuxt.js для разработки сайта.

Я написал несколько страниц в папке страниц.

Pages/
  Index.vue
  profile/
     Index.vue

Тогда, когда я получу доступ к

http://www.mywebsite.com/
http://www.mywebsite.com/profile

покажет Index.vue в страницах / и профилях /

Теперь мне нужно, чтобы мой сайт использовал URL для определения языка сайта, например

http://www.mywebsite.com/en/   English
http://www.mywebsite.com/ja/profile  Japanese

Так что я использую nginx с proxy_pass и переписываю для решения этой проблемы Я использую конфиги ниже

proxy_pass http://localhost:7777;
rewrite ^/cn/(.*) /$1 last;

В процессе разработки (запустите npm dev / nuxt), сайт отобразит перенаправленную страницу и сразу же превратится в пустую страницу с ошибкой. Который говорит, что сервер и клиент не синхронизируются.

Я думаю, что проблема в том, что режим разработки будет автоматически перезагружаться, поэтому сервер может определить, что URL не совпадает с путем страниц.

Затем я пытаюсь запустить

nuxt build
npm start

Сайт создан, и перенаправление прошло успешно.

Вот несколько вопросов

1) Как я могу остановить обнаружение, когда я использую "npm dev"? Если я запускаю «npm start», страница больше не будет обновляться, даже если я обновлю файл.

2) Я определю язык URL-адресов и загружу файл json на другом языке. повлияет ли это на рендеринг на стороне сервера Nuxt.js?

3) Есть ли другой способ решить мою проблему? или любой nuxt / vue может выполнить «lang in URL» и позволить серверу правильно отображать страницу всех языков?

1 Ответ

0 голосов
/ 07 июня 2018

Для 2) и 3) существует гораздо более простой подход без использования nginx

https://github.com/nuxt-community/nuxt-i18n

Точный пример того, чего вы хотите достичь, вы можете найти здесь

https://nuxt -community.github.io / nuxt-i18n / routing.html # маршрутизации

...