V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
aaabababa
V2EX  ›  Node.js

nginx 代理访问 nodejs 问题

  •  
  •   aaabababa · 217 天前 · 1684 次点击
    这是一个创建于 217 天前的主题,其中的信息可能已经有所发展或是发生改变。

    npm run dev http://127.0.0.1:8080/sockjs-node/info?t=1709478831246

    nginx proxy_pass http://127.0.0.1:8080;

    本地访问是正常的,用 nginx 域名访问后, 链接会多个端口出来的。 https://www.test.com:8080/sockjs-node/info?t=1709478831246

    npm -v 8.19.4

    Operating system

    Linux instance-20240121-1638 3.10.0-1160.105.1.el7.x86_64 #1 SMP Thu Dec 7 15:39:45 UTC 2023 x86_64 x86_64 x86_64 GNU/Linux Scope

    code

    try { self.xhr.send(payload); } catch (e) { self.emit('finish', 0, ''); self._cleanup(false); }

    22 条回复    2024-04-29 14:20:25 +08:00
    andyskaura
        1
    andyskaura  
       217 天前
    你服务监听的 8080 ,nginx 监听的也是 8080 ?
    br_wang
        2
    br_wang  
       216 天前
    这是 HMR 的服务吧?
    aaabababa
        3
    aaabababa  
    OP
       216 天前
    @andyskaura 服务是 8080 , nginx 监听 80 443 ,反向代理到 proxy_pass http://127.0.0.1:8080;
    aaabababa
        4
    aaabababa  
    OP
       216 天前
    @br_wang 不太懂,用的 npm 启动项目
    HHsunday
        5
    HHsunday  
       216 天前
    没猜错的话,估计要加上

    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "Upgrade";
    aaabababa
        6
    aaabababa  
    OP
       215 天前
    @HHsunday 原来就上有的,还是一样域名后有 8080 端口
    YellowDog7
        7
    YellowDog7  
       214 天前
    cat /etc/config/default/nginx.conf 贴一下 nginx 的配置。
    LASockpuppet
        8
    LASockpuppet  
       214 天前 via iPhone
    nginx 443 代理到 8080 就不用加端口吧
    aaabababa
        9
    aaabababa  
    OP
       214 天前
    @YellowDog7

    server {
    listen 443;
    server_name chat.test.net;
    ssl_certificate /etc/letsencrypt/live/test.net/fullchain.pem;
    ssl_certificate_key /etc/letsencrypt/live/test.net/privkey.pem;
    ssl_session_timeout 5m;
    ssl_protocols TLSv1 TLSv1.1 TLSv1.2 TLSv1.3;
    ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
    ssl_prefer_server_ciphers on;
    set $oldclient 0;
    root /www/test/chat;
    index index.php index.html;
    include /etc/nginx/ext/*.conf;
    location / {
    proxy_pass http://127.0.0.1:8080;
    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;
    }
    }
    zhhbstudio
        10
    zhhbstudio  
       214 天前
    这个我能猜,你的 node 的服务启动时有一个判断当前端口的动作,所以在请求时请求的是当前域名的 8080 端口
    aaabababa
        11
    aaabababa  
    OP
       214 天前
    @zhhbstudio 要怎么改呢?

    看了日志,是 sockjs-client 这个模块 sockjs.js 文件

    try {
    self.xhr.send(payload);
    } catch (e) {
    self.emit('finish', 0, '');
    self._cleanup(false);
    }

    这段代码报的错,注释之后,就没有了。只是注释之后,没有新消息提醒的。。。
    zhhbstudio
        12
    zhhbstudio  
       213 天前
    @aaabababa 你是要远程调试吗?这个应该是调试时用的到的( npm run dev 调试模式)
    不是调试模式的话你看看 package.json 里边的 script 下边都有啥脚本 一般前端项目是 build 然后静态文件直接给 nginx 用
    zhhbstudio
        13
    zhhbstudio  
       213 天前
    你在 new SocketJS 时传入的参数是什么
    aaabababa
        14
    aaabababa  
    OP
       213 天前
    @zhhbstudio

    "scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "build": "node build/build.js"
    },



    webpack.dev.conf.js


    'use strict'
    const utils = require('./utils')
    const webpack = require('webpack')
    const config = require('../config')
    const merge = require('webpack-merge')
    const path = require('path')
    const baseWebpackConfig = require('./webpack.base.conf')
    const CopyWebpackPlugin = require('copy-webpack-plugin')
    const HtmlWebpackPlugin = require('html-webpack-plugin')
    const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
    const portfinder = require('portfinder')

    const HOST = process.env.HOST
    const PORT = process.env.PORT && Number(process.env.PORT)

    const devWebpackConfig = merge(baseWebpackConfig, {
    module: {
    rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true })
    },
    // cheap-module-eval-source-map is faster for development
    devtool: config.dev.devtool,

    // these devServer options should be customized in /config/index.js
    devServer: {
    clientLogLevel: 'warning',
    historyApiFallback: {
    rewrites: [
    { from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') },
    ],
    },
    hot: true,
    contentBase: false, // since we use CopyWebpackPlugin.
    compress: true,
    host: HOST || config.dev.host,
    port: PORT || config.dev.port,
    disableHostCheck: true,
    open: config.dev.autoOpenBrowser,
    overlay: config.dev.errorOverlay
    ? { warnings: false, errors: true }
    : false,
    publicPath: config.dev.assetsPublicPath,
    proxy: config.dev.proxyTable,
    quiet: true, // necessary for FriendlyErrorsPlugin
    watchOptions: {
    poll: config.dev.poll,
    }
    },
    plugins: [
    new webpack.DefinePlugin({
    'process.env': require('../config/dev.env')
    }),
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NamedModulesPlugin(), // HMR shows correct file names in console on update.
    new webpack.NoEmitOnErrorsPlugin(),
    // https://github.com/ampedandwired/html-webpack-plugin
    new HtmlWebpackPlugin({
    filename: 'index.html',
    template: 'index.html',
    inject: true
    }),
    // copy custom static assets
    new CopyWebpackPlugin([
    {
    from: path.resolve(__dirname, '../static'),
    to: config.dev.assetsSubDirectory,
    ignore: ['.*']
    }
    ])
    ]
    })

    module.exports = new Promise((resolve, reject) => {
    portfinder.basePort = process.env.PORT || config.dev.port
    portfinder.getPort((err, port) => {
    if (err) {
    reject(err)
    } else {
    // publish the new Port, necessary for e2e tests
    process.env.PORT = port
    // add port to devServer config
    devWebpackConfig.devServer.port = port

    // Add FriendlyErrorsPlugin
    devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({
    compilationSuccessInfo: {
    messages: [`Your application is running here: http://${devWebpackConfig.devServer.host}:${port}`],
    },
    onErrors: config.dev.notifyOnErrors
    ? utils.createNotifierCallback()
    : undefined
    }))

    resolve(devWebpackConfig)
    }
    })
    })




    ort: PORT || config.dev.port,

    也是 config 传过来的吧
    new SocketJS 时传入的参数?
    不太懂
    zhhbstudio
        15
    zhhbstudio  
       213 天前
    有没有 .env 文件,有的话把 PORT=8080 改成 80 别用 nginx 转发了
    aaabababa
        16
    aaabababa  
    OP
       213 天前
    @zhhbstudio

    不只这一个项目呢,还需要 nginx 代理其他的。。。
    zhhbstudio
        17
    zhhbstudio  
       213 天前
    把你项目情况详细介绍一下我复现一下试试?最好是直接贴个 package.json 的文件
    aaabababa
        18
    aaabababa  
    OP
       213 天前
    Belmode
        19
    Belmode  
       212 天前
    这个问题我也遇到过类似的,但是不是太理解。

    外部有个公网域名: test.com , 配置第一层域名 nginx 跳板反代 /xxx 到 内网 172.x.x.x:8103,
    配置第二层服务 nginx 前端, /xxx 到容器内 127.0.0.1:7103.

    按理说,直接访问 http:test.com/xxx ,会访问容器中 http://127.0.0.1:7103/xxx ,但是实际上会发生一次 重!定!向!,
    最终会访问到 http:test.com:7103/xxx.

    @aaabababa 我感觉 OP 应该遇到类似的问题,因为发生过一次重定向。
    aaabababa
        20
    aaabababa  
    OP
       212 天前
    @Belmode 是只要有重定向,nginx 都会有这个问题?
    zhhbstudio
        21
    zhhbstudio  
       207 天前   ❤️ 1
    今天刚有时间看了一眼,你是想远程调试还是?不调试的话直接 npm run build ,然后目录下出现一个 dist 文件夹,直接把文件夹给 nginx 当静态网站部署就行了。
    aaabababa
        22
    aaabababa  
    OP
       207 天前
    @zhhbstudio 原来可以这样玩的,nginx 可以直接解析访问 js 文件? 没有报错了,感谢
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4232 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 10:09 · PVG 18:09 · LAX 02:09 · JFK 05:09
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.