我应该使用Nginx重写Nuxt.js吗

Question

我现在正在使用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中的语言”并让服务器正确呈现所有语言的页面？

Answer 1

对于2）和3），实际上有一种更简单的方法，而无需使用nginx

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

您可以在此处找到要实现的目标的确切示例