端口号未隐藏在Nginx反向代理中(下一个JS服务器)

node.js React.js

小小前端

2020-03-24

我正在尝试通过create-next-app部署next-js应用程序,我有一个像这样的自定义快递服务器-

const express = require('express')
const next = require('next')
const dev = process.env.NODE_ENV !== 'production'
const nextApp = next({ dev })
const handle = nextApp.getRequestHandler()

const fs = require('fs')

nextApp.prepare()
.then(() => {
    const server = express ()


    let port = 3000;

    let options = {
        key: fs.readFileSync('some key..', 'utf-8'),
        cert: fs.readFileSync('some cert..', 'utf-8'),
    };


    server.get(
        ...
    )


    let app = https.createServer(options, server)
    .listen((port), function(){
    console.log("Express server listening on port " + port);
    });

})
.catch((ex) => {
    console.error(ex.stack)
    process.exit(1)
})

当有人键入URL subdomain.maindomain.com时,我想将其部署为网站,因此我保存了两个这样的nginx配置文件-

/ etc / nginx / sites-available / default/etc/nginx/sites-available/subdomain.maindomain.com

默认文件包含此

server {

    root /var/www/html;
    index index.html index.htm index.nginx-debian.html;

    server_name maindomain.com www.maindomain.com;

    location / {
            # try_files $uri $uri/ =404;
            proxy_pass http://localhost:3000;
            proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection 'upgrade';
            proxy_set_header Host $host;
            proxy_cache_bypass $http_upgrade;
    }

    listen [::]:443 ssl ipv6only=on; # managed by Certbot
    listen 443 ssl; # managed by Certbot
    ssl_certificate /etc/letsencrypt/live/maindomain.com/fullchain.pem;$
    ssl_certificate_key /etc/letsencrypt/live/maindomain.com/privkey.pe$
    include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
    ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot

}

而subdomain.maindomain.com文件如下所示

server {
if ($host = www.subdomain.maindomain.com) {
    return 301 https://$host$request_uri;
} # managed by Certbot


if ($host = subdomain.maindomain.com) {
    return 301 https://$host$request_uri;
} # managed by Certbot


    listen 80;
    listen [::]:80;

    root /var/www/subdomain.maindomain.com/somecodefolder/;
    index index.html index.htm index.nginx-debian.html;

    server_name subdomain.maindomain.com www.subdomain.maindomain.com;


    location / {

        proxy_pass http://localhost:3000;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
       # try_files $uri $uri/ =404;
    }

}

if I'm typing https://subdomain.maindomain.com:3000, everything works fine, I see my website running. But when I type https://subdomain.maindomain.com (without the port number) it shows nothing. How can I get the content I want when I type just the url without the port number. I have tried many combinations, but could'nt do. someone please help i've been trying since 2 days.

第3569篇《端口号未隐藏在Nginx反向代理中(下一个JS服务器)》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

2个回答
老丝阿飞 2020.03.24

尝试使用其他应用程序,以验证您的应用程序中是否存在问题。

将nginx配置为使用域,而不是复杂的端口。只需添加https配置,但主要配置将相同。

脚步

  • npm安装
  • 节点main_domain.js
  • 节点subdomain.js
  • 检查是否一切正常:

本地主机

  • 将以下行添加到/ etc / hosts中。这将帮助我们在没有企业网络托管公司注册的情况下使用域。

127.0.0.1 maindomain.com
127.0.0.1 subdomain.maindomain.com
  • Create a file in /etc/nginx/conf.d called maindomain.com.conf or whatever you want but with .conf

server {
    listen 80;
    server_name maindomain.com;

    location / {
        proxy_pass http://localhost:3000/;
    }
}
  • Create a file in /etc/nginx/conf.d called conf.d/subdomain.maindomain.com.conf or whatever you want but with .conf

server {
    listen 80;
    server_name subdomain.maindomain.com;

    location / {
        proxy_pass http://localhost:3001/;
    }
}
  • Restart the nginx

service nginx restart
  • And now, you could use a domain instead ip:port

域

达蒙Gil 2020.03.24

尝试从

proxy_pass http://localhost:3000;

进入

proxy_pass http://127.0.0.1:3000;

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android