Merge pull request #74 from fuzue/fix-images-path-on-github-pages

Fix images path using VITE_BASE_URL from .env (Fix #70)
fuzue · Aug 22, 2023 · 95566d1 · 95566d1
2 parents 6bb683e + 397ae46
commit 95566d1
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/Item.tsx b/src/components/Item.tsx
@@ -26,7 +26,7 @@ function Item(props: FoodObject) {
           <Box position="relative" flexGrow={1}>
             <img
               className="food-image"
-              src={`../images/${image}.png`}
+              src={`${import.meta.env.VITE_BASE_URL}images/${image}.png`}
               alt={`image of ${image}`}
             />
           </Box>

diff --git a/src/routes/FoodPage.tsx b/src/routes/FoodPage.tsx
@@ -99,7 +99,7 @@ export default function FoodPage() {
         <ImgBox borderRadius={1}>
           <img
             className="food-image"
-            src={`../images/${image}.png`}
+            src={`${import.meta.env.VITE_BASE_URL}images/${image}.png`}
             alt={`photo of ${image}`}
           />
         </ImgBox>