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文档

$ npm run build
$ npm run generate

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

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

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