[Vue.js] springboot & vue 404 ERROR

 

 

 

1. boot 와 vue 와 연결해서 프로젝트를 실행 했는데 정상적으로 들어가다가 

    주소창으로 url 로 직접 입력해서 들어가게 되니 에러 페이지 나타났다.

 

 

2. 이유를 찾아보니 vue,react 등등 여러 자바스크립트 프레임워크들이 싱글페이지로 구성된다는점 

    더군다나 저같은경우는 /resources/static/index.html 에 한페이지로 보여주기때문에 그렇다.

 

3. 그래서 실제로는 스프링부트가 기본적으로 /static/index.html 경로로 기본으로 바라보기때문에 

    url 로 입력하게되면 실질적으로 없는 url 이기때문에 이것을 index.html 로 몰아 줘야한다 .

    저는 Error 라는 Java 파일을 만들어주고 Error 에다가 다음의 코드를 적어주면 된다.

 

 

* Error 페이지가 뜨게되면 index.html 로 다 보내주도록 설정해놓고 서버를 다시 재기동하면

  url 로 접속하면 정상적으로 원하던 페이지가 나타나게 된다.

package com.www.blog;

import org.springframework.boot.web.servlet.error.ErrorController;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;

@Controller
public class Error implements ErrorController {

    private final String ERROR_PATH = "/error";

    @GetMapping(ERROR_PATH)
    public String redirectError() {
        return "index.html";
    }
    public String getErrorPath(){
        return null;
    }

 

 

이상으로 마치겠습니다 ~ 감사합니다.