vue 파일 github에 배포확인이 잘 안되는거 같아요..

[나병채]

강의내용대로 그냥 build 걸고 올렸더니 타이틀 blog 는 확인이 되는데 index.html에 아무런 내용도 안보이는데 

구글링 해보니 vue.config.js 파일을 만들고 설정 하라 하는데 어떻게 하는건지... 잘 모르겠습니다. 

App.vue 파일이 재생이 돼야 하는데 안되고있는거 같아요 . 

[codingapple]

라우터때문일 수 있습니다

/detail어쩌구 페이지도 안보인다면 hashmode를 사용해보십시오

[나병채]

말씀해주신대로 hashmode를 사용하면 404페이지만 나오는거 같습니다. 

hashmode를 사용하면 브라우져 title에 blog라고 보이는 글씨조차 안보이네요 .. ㅠ

선생님께서 git배포하는 강의 보면 github page에서 source 에 Master로 바꾸라고 하셨는데 

지금은 main 아니면 none 밖에 없는것 같고 이전 강의 만들때와 좀 바뀐건지 강의 내용 처럼 잘 않되는거 같은데

 

테스트 한번 해보시고 알려주시면 감사하겠습니다.

Part 2 : blog 레이아웃과 라우터

강의에서 배운내용 github로 올리는 과정에서 안되네요.

[codingapple]

다른 repository (그니까 서브폴더)에 업로드하는 경우 config 파일을 수정해주셔야하는데

그냥 내아이디.github.io라는 이름의 repository 에 업로드하면 설정필요없을걸요 

업로드하신 URL이 어떻게 되시나요

[나병채]

https://envymon.github.io/rere/ 이 링크는 hashmode 사용 안한 링크입니다. 

 

hashmode 사용할경우는 일정 시간 이상 지나면

 Your site is having problems building: No /docs folder was found to build GitHub Pages. Check the source setting for this repository. For more information, see https://docs.github.com/github/working-with-github-pages/troubleshooting-jekyll-build-errors-for-github-pages-sites#missing-docs-folder.

항상.. 이렇게 되버리더라구요.

선생님의 답변을 기다리겠습니다!!! ㅎ  

[codingapple]

/rere같은 다른 repository에 배포하시려면 

프로젝트폴더내에 vue.config.js 파일 만드시고 

module.exports = {
  publicPath: '/rere',

}

추가하시고 다시 build하고 배포하면 됩니다 따옴표 주의하시고요 

그리고 깃헙사이트보시면 그 /rere repository의 설정들어가셔서

github pages 부분에서 main 택하시고 /root 택하셔서 저장누르면 됩니다 

[나병채]

답변대로 해서 배포 성공 했습니다. 친절한 답변 감사합니다 ^ㅡ^

근대 제가 이전에 React강의를 들으면서 https://envymon.github.io 로 배포된 repository가 있는 상태여서

 

추가) github이 좋아졌습니다.

이제 여러 repository를 동시에 호스팅해준다고합니다. 다른 HTML 페이지도 호스팅받고 싶으면

0. 위에서 만든 내이름.github.io 라는 repository 잘 있죠? 그거 지우면 안됩니다.

1. 남에게 자랑하고픈 새로운 프로젝트를 올릴 repository를 새로 만들어줍니다. 이름은 아무렇게나 하시면 됩니다.

2. 그 repository에 아까처럼 드래그앤드롭으로 원하는 HTML CSS JS 파일을 업로드하고 확인까지 누릅니다.

3. repository setting 메뉴에 들어가서 Github pages 부분을 찾습니다

 

이 내용을 보고 

1번 내용 처럼 새로만들고 이름을 아무렇게나 지으면된다 그래서 rere라고 일단 지은건데 .. 제가 이해를 잘 못하고 있는건지

new repository해서 만드는게..아니었나요? 아니면 이후 과정에 제가 잘못했던 것이 있었던건지.. 잘 모르겠습니다. 

혹시 추가설명 가능 하시면 부탁드리겠습니다. 감사합니다

[codingapple]

넴 repo이름 아무렇게나 작성하는건 맞는데

거기다가 배포할 경우 vue나 react 프로젝트 코드에 /rere에 배포하겠다고 셋팅이 더 필요합니다 

[글쓴이]

글