xterm.jsとchalk.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-sited
notの下の私のドメインの構成です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/*;
}