_self 속성오류

태그

Description

<template>
    <div>
      <MyPageForm></MyPageForm>
    </div>
  </template>
  

<script>

import MyPageForm from '@/components/mypage/MyPageForm.vue';
import axios from 'axios';

export default {
    name: "MyPageView",
    components: {
        MyPageForm
    },
    mounted() {
        // axios.post("http://localhost:7777/my-page/list")
        //     .then(() => {
        //         alert("http://localhost:7777/my-page/list 실행")
        //         console.log("localStorage : " + localStorage.getItem("userInfo"))
        //     })
        
    }
}

</script>
Java
복사

<template>
    <h2>This is my page.</h2>
  </template>
  
  <script>
  export default {
    name: "MyPageForm",
    data() {
      return {}
    },
    computed: {
      // empty object
    }
  }
  </script>
Java
복사

import MyPage from "@/views/mypage/MyPageView.vue"
{
    path: '/my-page',
    name: 'MyPage',
    components: MyPage
  }
Java
복사

→ Backlink 제가 붙입니다.

Try

import MyPage from "@/views/mypage/MyPageView.vue"
{
    path: '/my-page',
    name: 'MyPage',
    components: MyPage
}
Java
복사

path 명을 “/my-page”에서 ‘/mypage’로 바꾸니 해결되었습니다.

Solution

원인은 아직 파악이 되지 않고 있는 상태입니다.