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
원인은 아직 파악이 되지 않고 있는 상태입니다.