I have multinode openstack rocky setup.

I have one all in on node setup using devstack and other compute node also using devstack but when I try to launch instance on extra compute node and try to access it via console(spice) I get following error

WebSocket error: Can't connect to websocket on URL: ws://172.21.1.176:6082/websockify [object Event]

....here is local.conf file for all in one node

[[local|localrc]]
# Set the Host IP address and passwords
HOST_IP=192.168.33.10
ADMIN_PASSWORD=secret
MYSQL_PASSWORD=$ADMIN_PASSWORD
RABBIT_PASSWORD=$ADMIN_PASSWORD
SERVICE_PASSWORD=$ADMIN_PASSWORD
SERVICE_TOKEN=$ADMIN_PASSWORD
# Set the Database type
DATABASE_TYPE=mysql

# Enable multi-host
#MULTI_HOST=1

# Do not keep logfile > 1 days to conserve disk
LOGDAYS=1

# Set the installation and log directories
DEST=/opt/stack
LOGDIR=$DEST/logs
LOGFILE=$LOGDIR/devstack.log

# By default devstack installs OpenStack server components from git.openstack.org
# Set OpenStack Release for services
KEYSTONE_BRANCH=stable/rocky
NOVA_BRANCH=stable/rocky
NEUTRON_BRANCH=stable/rocky
CINDER_BRANCH=stable/rocky
GLANCE_BRANCH=stable/rocky
HORIZON_BRANCH=stable/rocky
HEAT_BRANCH=stable/rocky
SWIFT_BRANCH=stable/rocky

# Disable Nova Network and enable Neutron Services
disable_service n-net
enable_service q-svc
enable_service q-dhcp
enable_service q-l3
enable_service q-meta

#spice
NOVA_VNC_ENABLED=False
NOVA_SPICE_ENABLED=True
SPICEAGENT_ENABLED=True
enable_service n-spice
disable_service n-novnc

# All Core OpenStack services are enabled by default
# No additional service enabling is required
# Keystone is run under Apache with mod_wsgi by default

# Set the Cinder Volume Group and optionally the volume backing file size
VOLUME_GROUP_NAME="stack-volumes"
VOLUME_NAME_PREFIX="volume-"
# DevStack by default will setup a 10Gb loop-mounted file for the Volume
# You can change the size of the file by uncommenting the below setting
# VOLUME_BACKING_FILE_SIZE=5125M

# Enable the Heat Orchestration service plugin
enable_plugin heat https://git.openstack.org/openstack/heat stable/rocky

# Register a fedora image that we can use to launch a VM or a Heat Stack
IMAGE_URL_SITE="http://download.fedoraproject.org"
IMAGE_URL_PATH="/pub/fedora/linux/releases/29/Cloud/x86_64/images/"
IMAGE_URL_FILE="Fedora-Cloud-Base-29-1.2.x86_64.qcow2"
IMAGE_URLS+=","$IMAGE_URL_SITE$IMAGE_URL_PATH$IMAGE_URL_FILE

# Enable Swift Object Store Service without any replication
enable_service s-proxy s-object s-container s-account
SWIFT_HASH=66a3d6b56c1f479c8b4e70ab5c2000f5
SWIFT_REPLICAS=1
SWIFT_DATA_DIR=$DEST/data/swift

# Disable Tempest Validation and Testing
disable_service tempest

# Set ML2 as the Neutron Plugin
Q_PLUGIN=ml2
# Enable Neutron Security Groups
Q_USE_SECGROUP=True
# Set OpenvSwitch as the ML2 Mechanism Driver
Q_ML2_PLUGIN_MECHANISM_DRIVERS=openvswitch
Q_ML2_TENANT_NETWORK_TYPE=vxlan

FORCE=yes
RECLONE=yes

here is local.conf file for extra compute node

[[local|localrc]]
# Set the Compute host's IP address & the Service Host's (i.e. Controller's) IP Address
HOST_IP=192.168.33.11
SERVICE_HOST=192.168.33.10
ADMIN_PASSWORD=secret
MYSQL_PASSWORD=$ADMIN_PASSWORD
RABBIT_PASSWORD=$ADMIN_PASSWORD
SERVICE_PASSWORD=$ADMIN_PASSWORD
SERVICE_TOKEN=$ADMIN_PASSWORD
# Set the Database type
DATABASE_TYPE=mysql

# Set the MySQL database, RabbitMQ and Glance Host to Controller 
MYSQL_HOST=$SERVICE_HOST
RABBIT_HOST=$SERVICE_HOST
GLANCE_HOSTPORT=$SERVICE_HOST:9292

# Enable multi-host
MULTI_HOST=1

# Do not keep logfile > 1 days to conserve disk
LOGDAYS=1

# Set the installation and log directories
DEST=/opt/stack
LOGDIR=$DEST/logs
LOGFILE=$LOGDIR/devstack.log

# By default devstack installs OpenStack server components from git.openstack.org
# Set OpenStack Release for services
NOVA_BRANCH ...