【问题标题】:Nuxtjs & Nginx reverse proxy in a subdirectory子目录中的 Nuxtjs 和 Nginx 反向代理
【发布时间】:2020-08-21 22:50:41
【问题描述】:

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

server {
    listen 80;

    server_name mydomain.com;

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

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

【问题讨论】:

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


    【解决方案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;
        }
    }
    

    【讨论】:

    • 那我把它作为目录服务在/path
    • 您确定这是一个可行的解决方案吗?在npm run generate 之后运行npm run build 也有意义吗?它不适合我。
    • 只是检查一下,也许应该先运行build
    • 实际上你应该在生成之前运行构建。对不起。
    • 修改nginx配置文件后是否重启了nginx?
    猜你喜欢
    • 1970-01-01
    • 2019-12-22
    • 2018-12-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-12-18
    • 2018-11-23
    • 1970-01-01
    相关资源
    最近更新 更多