Creating a static website using Vuepress was a breeze, especially since I included a dedicated section for embedded Tableau dashboards. The website functioned perfectly when accessed online without any issues, displaying the Tableau dashboards flawlessly.
However, complications arose when I published the website as a remote application behind my company's firewall. An authentication layer added an extra URL component, changing it from https://mywebsite.mycompany.com
to
https://privateapps.mycompany.com/https/mywebsite.mycompany.comThe problems began with the homepage redirecting to Vuepress' 404 page upon landing, but refreshing the page fixed this. While most pages worked fine, those containing the Tableau iframe consistently redirected to the 404 error page.
I suspected a server-side rendering (SSR) issue and attempted to mitigate it by utilizing the vuepress-plugin-dehydrate. However, neither the noSSR nor the noScript options provided a satisfactory solution. The latter option removed all JavaScript files, rendering the iframes useless.
A perplexing conflict related to redirection seemed to persist, even after experimenting with the nginx configuration and adding a location directive. The warning message displayed on the page while operating behind the remote app only added to the confusion.
server {
# listen on port 80 (http)
listen 80;
server_name _;
root /usr/share/nginx/html;
location / {
try_files $uri$args $uri$args/ index.html;
}
}
Frustrated by these technical challenges, I am now seeking valuable insights or solutions from others who may have encountered similar hurdles.
https://i.sstatic.net/T3zkX.png
If you can offer guidance or assistance in resolving these issues, it would be greatly appreciated.