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

时间:2020-05-06 20:01:47

标签: node.js nginx nuxt.js nginx-reverse-proxy

这是我的Nginx配置,无法正常工作。

server {
    listen 80;

    server_name mydomain.com;

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

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

1 个答案:

答案 0 :(得分:0)

如果您使用的是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;
    }
}