vue 빌드 문제.

[김영욱]

vue 빌드와 git io 배포관련하여 진행중 문제가 있어 질문드립니다.

위 사진들과 같이 vue_study 라는 publicPath를 경유해서 제 페이지에 접속할 수 있도록 라우터 패스 설정을 다 해두었습니다.

 

빌드도 정상적으로 오류없이 진행 되었으나 만들어진 index.html 파일을 열어보면 아무런 내용도 보이지 않습니다.

 

https://woo-ki.github.io/vue_study/index.html 페이지와

https://woo-ki.github.io/vue_study/ 페이지 모두 접속해보아도 아무런 내용도 보이지 않습니다.

 

https://github.com/woo-ki/vue_study 제가 배포한 레파지토리입니다.

 

해쉬히스토리로 바꾸어 보았는데 바꿀경우 오히려 로컬서버에서도 위에 첨부한 사진의 경로들에 접속시에 아무런 내용이 나오지 않습니다..

https://github.com/woo-ki/vue-basic2

작업한 코드는 위 깃헙에 올라가있습니다.

[codingapple]

vue.config.js 파일에

module.exports = {
 
publicPath: '/vue_studyd'
 
}

라고 되어있는거 오타같은데요 

[김영욱]

;; 정말 그렇네요.. 감사합니다1

 

https://woo-ki.github.io/vue_study

 

다시 배포하니 정상적으로 접근이 가능하네요!

https://woo-ki.github.io/vue_study/blog/detail/0

그런데 상세페이지에 들어갈 때 title이 정의되지 않았다고 나오는데 왜 그럴까요?

 

webpack 폴더에 js 정상적으로 불러와져있는건 확인했고, 로컬서버에서는 정상적으로 접근됩니다!

[codingapple]

원래 url에 입력하는건 서버에다가 /vue_study/blog/detail/0 페이지 달라는 get 요청이라서

서버에다가 'vue에서 라우팅알아서 해주세요' 라고 코드를 짜거나

hash mode를 쓰거나 해야합니다 

[글쓴이]

글