Set up a new env var VITE_PUBLIC_URL

alifeinbinary · Oct 4, 2024 · 2e47275 · 2e47275
1 parent 0fbc266
commit 2e47275
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/components/Post.tsx b/src/components/Post.tsx
@@ -138,7 +138,7 @@ const Post: React.FC<PostProps> = ({ id, entryId, author, posted, image, width,
                                     <div className="grid w-40">
                                         <div className="relative">
                                             <label htmlFor="post-link" className="sr-only">
-                                                ID:<Link to={import.meta.env.BASE_URL + "#/" + entryId} className="mx-2 hover:underline">{entryId}</Link>
+                                                ID:<Link to={import.meta.env.VITE_PUBLIC_URL + "#/" + entryId} className="mx-2 hover:underline">{entryId}</Link>
                                             </label>
                                             <input
                                                 id="post-link"
@@ -148,7 +148,7 @@ const Post: React.FC<PostProps> = ({ id, entryId, author, posted, image, width,
                                                 readOnly
                                                 onClick={handleLinkClick}
                                             />
-                                            <Clipboard.WithIconText label="Copy link" icon={LinkIcon} className="py-1 dark:bg-gray-600 bg-gray-300 hover:bg-gray-200" valueToCopy={`${import.meta.env.BASE_URL}#/${entryId}`} />
+                                            <Clipboard.WithIconText label="Copy link" icon={LinkIcon} className="py-1 dark:bg-gray-600 bg-gray-300 hover:bg-gray-200" valueToCopy={`${import.meta.env.VITE_PUBLIC_URL}#/${entryId}`} />
                                         </div>
                                     </div>
                                 </span>

diff --git a/src/main.tsx b/src/main.tsx
@@ -83,7 +83,7 @@ let router = createBrowserRouter(
       errorElement: <Error />
     }
   ],
-  { basename: import.meta.env.BASE_URL }
+  { basename: import.meta.env.VITE_PUBLIC_URL }
 );
 createRoot(document.getElementById('root')!).render(
   <StrictMode>

diff --git a/vite.config.ts b/vite.config.ts
@@ -18,7 +18,7 @@ export default defineConfig(({ mode }) => {
             }),
             purgeCss(),
         ],
-        base: mode === "production" ? "stegg.alifeinbinary.com/" : "/",
+        base: mode === "production" ? "/" : "/",
         build: {
             assetsDir: "public",
             sourcemap: true,