子目录中的 Nuxtjs 和 Nginx 反向代理

Question

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

server {
    listen 80;

    server_name mydomain.com;

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

但是，location / 中的反向代理正在运行。我认为这与 Nuxtjs 有关，但找不到解决方案。

Answer 1

如果您使用的是 nuxt，则不应充当代理通行证。

您应该使用以下命令生成构建并使用 nginx 提供路径。更多信息可以查看nuxt docs

$ npm run build
$ npm run generate

该命令成功运行后，您应该会看到一个新文件夹 dist 包含您的项目。

您应该在您的 nginx 中提供 dist 文件夹。

我用于服务 nuxt 项目的 nginx 文件示例：

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;
    }
}