簡體   English   中英

我應該使用Nginx重寫Nuxt.js嗎

[英]Should I use nginx to rewrite Nuxt.js

我現在正在使用Nuxt.js開發一個網站。

我在頁面文件夾中寫了一些頁面。

Pages/
  Index.vue
  profile/
     Index.vue

然后,當我訪問

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

將在Pages /和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都能執行“ URL中的語言”並讓服務器正確呈現所有語言的頁面?

對於2)和3),實際上有一種更簡單的方法,而無需使用nginx

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

您可以在此處找到要實現的目標的確切示例

https://nuxt-community.github.io/nuxt-i18n/routing.html#routing

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM