conditionally upgrade requests on https

index.html

@@ -4,7 +4,6 @@
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
-    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
     <title>Swing Music</title>
     <base href="./" />
   </head>

src/requests/useAxios.ts

@@ -5,6 +5,13 @@ import useModal from '@/stores/modal'
 import useLoaderStore from '@/stores/loader'
 import { logoutUser } from './auth'
 
+if (window.location.protocol === 'https:') {
+    const meta = document.createElement('meta');
+    meta.httpEquiv = 'Content-Security-Policy';
+    meta.content = 'upgrade-insecure-requests';
+    document.head.appendChild(meta);
+}
+
 export default async (args: FetchProps, withCredentials: boolean = true) => {
     const on_ngrok = args.url.includes('ngrok')
     const ngrok_config = {