0

xterm.jschalk.jsを使用して、個人のWeb サイトとして使用する Web ターミナルでカラフルな文字列を作成しています。

ローカルで実行すると、必要に応じて機能します。

ここに画像の説明を入力

しかし、本番環境で実行すると色が消えます:

ここに画像の説明を入力

xterm.jsをバックエンドに接続するには、 socket.ioを使用します。デバッグすると、クライアントが受け取ったものの違いがわかります

  • ローカル:
socket.io-client:socket calling ack 4 with 
[{"text":"\n\u001b[1m\u001b[33m----- Jobs detailed description -----\u001b[39m\u001b[22m\n
  • 対製品:
socket.io-client:socket calling ack 4 with 
[{"text":"\n----- Jobs detailed description -----\n

prod でわかるように、chalk.jsによって追加されたすべての ANSI エスケープ コードが消えました。

NodeJS のバックエンドにアクセスするためのリバース プロキシとして Nginx サーバーを構成しましたが、構成の誤りにより、Nginx がすべての ANSI エスケープ コードを「食べる」ようになったと思われます。

ANSI エスケープ コードを渡すには、Nginx 構成ファイルで何を変更する必要がありますか?


  • 私のNginx構成はこちらです(enabled-sitednotの下の私のドメインの構成ですnginx.conf
server {
        listen 80;
        listen [::]:80;

        root /var/www/anatoly.dev/html;
        charset utf-8;
        charset_types *;
        index index.html index.htm index.nginx-debian.html;

        server_name anatoly.dev www.anatoly.dev;

        location / {
                # First attempt to serve request as file, then
                # as directory, then fall back to displaying a 404.
                try_files $uri $uri/ =404;
        }

        location /socket.io {
                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_set_header   X-Real-IP    $remote_addr;
                proxy_set_header   X-Real-Port  $remote_port;

                proxy_cache_bypass $http_upgrade;
        }
}
  • 私のnginx.conf
user ******;
worker_processes auto;
pid /run/nginx.pid;
include /etc/nginx/modules-enabled/*.conf;

events {
        worker_connections 768;
        # multi_accept on;
}

http {

        ##
        # Basic Settings
        ##

        charset utf-8;
        charset_types *;

        sendfile on;
        tcp_nopush on;
        tcp_nodelay on;
        keepalive_timeout 65;
        types_hash_max_size 2048;
        # server_tokens off;

         server_names_hash_bucket_size 64;
        # server_name_in_redirect off;

        include /etc/nginx/mime.types;
        default_type application/octet-stream;

        ##
        # SSL Settings
        ##

        ssl_protocols TLSv1 TLSv1.1 TLSv1.2 TLSv1.3; # Dropping SSLv3, ref: POODLE
        ssl_prefer_server_ciphers on;

        ##
        # Logging Settings
        ##

        access_log /var/log/nginx/access.log;
        error_log /var/log/nginx/error.log;

        ##
        # Gzip Settings
        ##

        gzip on;

        gzip_vary on;
        gzip_proxied any;
        gzip_comp_level 6;
        gzip_buffers 16 8k;
        gzip_http_version 1.1;
        gzip_min_length 256;
        gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript application/vnd.ms-fontobject application/x-font-ttf font/opentype image/svg+xml image/x-icon;

        ##
        # Virtual Host Configs
        ##

        include /etc/nginx/conf.d/*.conf;
        include /etc/nginx/sites-enabled/*;
}
4

0 に答える 0