如何在不更改端口的情况下使用my.nuxt.dev代替my.nuxt.dev:3001？

问题描述

在我的DNS中，我有一个URL my.nuxt.dev重定向到安装了Nuxt实例的192.168.1.2。在nuxt.config.js中，我已配置：

  server: {
    port: 3001,host: 'my.nuxt.dev'
  },

现在，当我想访问Nuxt网站时，我必须打开my.nuxt.dev:3001。我应该如何更改配置以仅使用my.nuxt.dev（而不使用其他端口）？

===

我尝试使用Nginx代理对其进行修复：

/etc/nginx/sites-enabled/my-nuxt.conf

server {
        listen 80;
        server_name my.nuxt.dev;

        location / {
                proxy_set_header   X-Forwarded-For $remote_addr;
                proxy_set_header   Host $http_host;
                proxy_pass         "http://127.0.0.1:3001";
        }
}

但是我在浏览器中收到一条错误消息：

502错误的网关 nginx / 1.18.0（Ubuntu）

也许是因为我在同一端口（？）上还有另一个Nginx服务器块（虚拟主机）：

/etc/nginx/sites-enabled/my-laravel.conf

server {
        listen 80;
        server_name my.laravel.dev;
        ...
}

解决方法

我最终通过在127.0.0.1行将my.nuxt.dev替换为proxy_pass来解决了这个问题。