diff --git a/src/main.ts b/src/main.ts
index b149184..acea59d 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -7,7 +7,7 @@ const gltfLoader = new GLTFLoader();
 
 const canvas: HTMLCanvasElement = document.querySelector<HTMLCanvasElement>('#main-canvas')!;
 
-const audio = new Audio('./public/lease.mp3');
+const audio = new Audio('./lease.mp3');
 
 // Renderer
 const renderer = new THREE.WebGLRenderer({ canvas: canvas });
@@ -94,7 +94,7 @@ document.addEventListener('click', () => {audio.play()});
 function loadNewFish(x: number, z: number) {
   gltfLoader.load(
     // resource URL
-    '../public/Fish.glb',
+    './Fish.glb',
     // called when the resource is loaded
     function ( gltf ) {
   
diff --git a/src/vite.config.js b/src/vite.config.js
new file mode 100644
index 0000000..1290c5d
--- /dev/null
+++ b/src/vite.config.js
@@ -0,0 +1,3 @@
+export default {
+    base: './',
+}
\ No newline at end of file