Nuxtjs & Nginx反向代理在一个子目录中

Question

这是我的Nginx配置，它不能工作。

server {
    listen 80;

    server_name mydomain.com;

    location /path {
        proxy_pass http://localhost:3000;
    }
}

然而，在 location / 是工作的。我认为这与Nuxtjs有关，但找不到解决办法。

Answer 1

如果你使用的是nuxt，你不应该作为代理传递。

你应该使用下面的命令来生成一个build，并用nginx来服务路径。更多信息，你可以查看 Nuxt文档

$ npm run build
$ npm run generate

命令运行成功后，你应该看到一个新的文件夹 dist 与你的项目。

你应该为 dist 在你的nginx文件夹中。

我的nginx文件用于服务nuxt项目的例子。

server {
    listen 80 default_server;
    root /var/www/site/dist;

    index index.html;

    server_name mydomain.com.br www.mydomain.com.br;
    location / {
         try_files $uri $uri/ =404;
    }
    location /path {
         alias /var/www/nuxtproj/dist; #<-- made this edit
         try_files $uri $uri/ =404;
    }
}