[Django Tutorial] Blog 만들기 (12)

DevServer

vue의 devserver를 실행시켰을때 에러가 발생하고 화면에는 빈 화면이 출력되는 것을 볼 수 있다.

 

원인: 루트 URL에 대해서 index.html을 찾고 있는데 빌드결과물에 index.html이 없다.

(index.html은 없고 home.html을 포함 3개 html을 만들었음.)

localhost:8080/home으로 접속했더니 화면을 확인할 수 있었다. 나머지도 마찬가지.

위 에러는 웹팩개발서버가 루트 URL에 대해서 디폴트로 index.html을 찾아서 발생하는 에러이다.

 

해결: vue.config.js에 devServer항목을 추가해준다. (웹팩서버를 devserver라고 한다.)

  devServer: {
    index: 'home.html',
  },

루트를 다른 html로 변경해주면 해결된다.