Custom Mode
To address this issue, you can configure your server nginx like below, and the frontend iframe config should be the same as the OpenOcean widget.
Step 1 - Config nginx
Terminal
NGI
1 server { 2 listen 80; 3 server_name app.openocean.net; 4
5 proxy_ssl_server_name on; 6 proxy_ssl_protocols TLSv1 TLSv1.1 TLSv1.2; 7 proxy_http_version 1.1; 8 proxy_set_header Upgrade $http_upgrade; 9 proxy_set_header Connection "upgrade"; 10 proxy_set_header Host "widget.openocean.finance"; 11 proxy_set_header X-Real-IP $remote_addr; 12 proxy_set_header X-Real-PORT $remote_port; 13 proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 14 client_max_body_size 20m; 15 location / { 16 proxy_pass https://widget.openocean.finance; 17 } 18 }
Step 2 - Config Front-end (for example: openocean.net)
Terminal
HTML
1 <script> 2 document.domain = "openocean.net"; 3 </script> 4 <iframe src="https://app.openocean.net?domain=openocean.net"></iframe>