register email conflict check

src/front/src/api/authApi.js

@@ -12,6 +12,20 @@ function login(data) {
   });
 }
 
+
+function register(data) {
+  const { email, name, password } = data;
+  return axios({
+    method: 'post',
+    url: '/api/auth/register',
+    data: {
+      email,
+      name,
+      password
+    }
+  });
+}
+
 function currentUser(token) {
   return axios({
     method: 'get',
@@ -22,16 +36,6 @@ function currentUser(token) {
   });
 }
 
-function register(data) {
-  const { email, name, password } = data;
-  return axios({
-    method: 'post',
-    url: '/api/auth/register',
-    data
-  });
-}
-
-
 export default {
   login,
   currentUser,

src/front/src/pages/Home.vue

@@ -2,6 +2,7 @@
    <div>
        home
        <router-link to="/auth/login">로그인</router-link>
+       <router-link to="/auth/register">회원가입</router-link>
    </div>
 </template>
 

src/front/src/pages/auth/Register.vue

@@ -4,34 +4,36 @@
             <input type="email" v-model="email" placeholder="Email">
             <input type="text" v-model="name" placeholder="Name">
             <input type="password" v-model="password" placeholder="Password">
+            <button type="submit">확인</button>
         </form>
     </div>
 </template>
 
 <script>
     import authApi from "../../api/authApi";
-  export default {
-    name: "Register",
-    data() {
-      return {
-        email: '',
-        name: '',
-        password: ''
-      }
-    },
-    methods: {
-      register: async function(evt) {
-        evt.preventDefault();
-        const { email, name, password } = this;
-        try {
-          const result = await authApi.register({email, name, password});
-          console.log(result.data);
-        } catch (err) {
-            console.log(err);
+    export default {
+        name: "Register",
+        data() {
+            return {
+              email: '',
+              name: '',
+              password: ''
+            }
+        },
+        methods: {
+            register: async function(evt) {
+                evt.preventDefault();
+                const { email, name, password } = this;
+                try {
+                    const result = await authApi.register({email, name, password});
+                } catch (err) {
+                    if (err.response.status === 409) {
+                      alert('이미 존재하는 이메일입니다.');
+                    }
+                }
+            }
         }
-      }
     }
-  }
 </script>
 
 <style scoped>

src/front/src/routes/index.js

@@ -3,6 +3,8 @@ import VueRouter from "vue-router";
 
 import Home from "../pages/Home";
 import Login from "../pages/auth/Login";
+import Register from "../pages/auth/Register";
+
 
 Vue.use(VueRouter);
 
@@ -17,5 +19,9 @@ export const router = new VueRouter({
       path: '/auth/login',
       component: Login
     },
+    {
+      path: '/auth/register',
+      component: Register
+    }
   ]
 });

src/main/java/com/example/vue/domain/auth/AuthService.java

@@ -5,7 +5,6 @@ import com.example.vue.domain.user.UserRepository;
 import com.example.vue.domain.user.UserResponseDto;
 import com.example.vue.util.JwtUtil;
 import lombok.RequiredArgsConstructor;
-import org.springframework.security.core.parameters.P;
 import org.springframework.security.crypto.bcrypt.BCryptPasswordEncoder;
 import org.springframework.stereotype.Service;