[Vue.js] vue + vite 깃허브 404 에러(라고쓰고 나는 바보다라고 읽는다)

이 블로그에 글 쓰면서 수정할 예시들을 올릴 깃허브를 새로 만들었다

 

첫 번째 예시인 todolist 파일을 업로드했는데

 

에러 뜬다................ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

하 울까

 

일단 깃허브 업로드 하고 에러 뜨면 확인해 볼 거

 

1. 본인의 깃허브 repository가 public인가?

일단 나는 public이다 여기서 private로 설정되어 있으면 404 오류 난다

 

 

2. 깃허브 브랜치가 main인가?

 

이건 본인의  repository - setting -pages 가보면 알 수 있다

 

여기서 main이 아니라 none으로 되어있으면 오류가 난다

만약에 main으로 설정 바꿨으면 옆에 save누르기

 

나는 깃 브랜치도 잘 설정해 놓았다

...................ㄴㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

 

 

 

3. 코드 파일 경로 확인하기

 

config 확인해 보자

config에 base:"/ repository명 /"

 

아니 vite 기반이라 base까지 설정 다 했는데 도대체 뭐가 문제냐고 싶었지만

 

2가지 오류가 있었다

하나는 라우터 수정

config에서 base는 설정했지만 그에 맞춰서 라우터는 수정을 안 해놓았네

    {

      path: "/todolist/",

      name: "home",

      component: home_page,

    },

 

수정완료

 

++++++바보주의 똥멍청이 주의+++++++

 

 

뿐만 아니라

진짜 기초적인 실수하고 있었다,,,

 

깃허브에 올릴 때

dist 내부파일을 올려야 했는데 자꾸 dist 폴더 자체를 올려서 경로에 이상이 있었다..ㅎㅎㅎ...ㅎㅎ...ㅎ...ㅎ...ㅎ...ㅎ.

 

바보자식...................................

 

이걸 보는 사람들은 위에 4개만(라우터까지) 제대로 했어도 오류 나지 않을 테니깐 나처럼 헤매지 않았으면 좋겠다^_^