front public 이미지 경로 변경

src/components/user/RegisterForm.vue

@@ -5,7 +5,7 @@
                 for="profilePic"
                 class="rounded-circle m-auto ui-bg-cover position-relative cursor-pointer"
                 id="profileLabel"
-                style="width: 100px; height: 100px; background-image: url(public/img/avatars/default-Profile.jpg); background-repeat: no-repeat;"
+                style="width: 100px; height: 100px; background-image: url(img/avatars/default-Profile.jpg); background-repeat: no-repeat"
             >
             </label>
 
@@ -162,7 +162,7 @@
 <script setup>
     import { ref } from 'vue';
     import $api from '@api';
-    import commonApi from '@/common/commonApi'
+    import commonApi from '@/common/commonApi';
     import UserFormInput from '@c/input/UserFormInput.vue';
     import FormSelect from '@c/input/FormSelect.vue';
     import ArrInput from '@c/input/ArrInput.vue';
@@ -209,7 +209,6 @@
 
     const toastStore = useToastStore();
 
-
     // 프로필 체크
     const profileValid = (size, type) => {
         const maxSize = 5 * 1024 * 1024;
@@ -238,7 +237,7 @@
         // 사이즈, 파일 타입 안 맞으면 기본 이미지
         if (!profileValid(file.size, file.type)) {
             e.target.value = '';
-            profileLabel.style.backgroundImage = 'url("public/img/avatars/default-Profile.jpg")';
+            profileLabel.style.backgroundImage = 'url("img/avatars/default-Profile.jpg")';
             return false;
         }
 
@@ -275,13 +274,14 @@
 
     // 컬러, mbti, 비밀번호 힌트 목록 불러오기
     const { colorList, mbtiList, pwhintList } = commonApi({
-        loadColor: true, colorType: 'YON',
+        loadColor: true,
+        colorType: 'YON',
         loadMbti: true,
         loadPwhint: true,
     });
 
     // 주소 업데이트 핸들러
-    const handleAddressUpdate = (addressData) => {
+    const handleAddressUpdate = addressData => {
         address.value = addressData.address;
         detailAddress.value = addressData.detailAddress;
         postcode.value = addressData.postcode; // 우편번호
@@ -311,18 +311,16 @@
         }
     };
 
-    const handleColorUpdate = async (newColor) => {
+    const handleColorUpdate = async newColor => {
         color.value = newColor;
         colorError.value = '';
         colorErrorAlert.value = false;
 
         await checkColorDuplicate();
-    }
-
+    };
 
     // 회원가입
     const handleSubmit = async () => {
-
         await checkColorDuplicate();
 
         idAlert.value = id.value.trim() === '';
@@ -343,9 +341,21 @@
             profilAlert.value = false;
         }
 
-        if (profilAlert.value || idAlert.value || idErrorAlert.value || passwordAlert.value || passwordcheckAlert.value ||
-            passwordcheckErrorAlert.value || pwhintResAlert.value || nameAlert.value || birthAlert.value ||
-            addressAlert.value || phoneAlert.value || phoneErrorAlert.value || colorErrorAlert.value) {
+        if (
+            profilAlert.value ||
+            idAlert.value ||
+            idErrorAlert.value ||
+            passwordAlert.value ||
+            passwordcheckAlert.value ||
+            passwordcheckErrorAlert.value ||
+            pwhintResAlert.value ||
+            nameAlert.value ||
+            birthAlert.value ||
+            addressAlert.value ||
+            phoneAlert.value ||
+            phoneErrorAlert.value ||
+            colorErrorAlert.value
+        ) {
             return;
         }
 
@@ -372,4 +382,3 @@
         }
     };
 </script>
-