springboot 은 vue 로 포 장 된 페이지 자원 을 어떻게 사용 합 니까?

이 글 은 주로 spring boot 가 vue 로 포 장 된 페이지 자원 을 어떻게 사용 하 는 지 를 소개 합 니 다.이 글 은 예시 코드 를 통 해 매우 상세 하 게 소개 되 어 있 으 며 여러분 의 학습 이나 업무 에 대해 어느 정도 참고 학습 가 치 를 가지 고 있 습 니 다.필요 한 친 구 는 참고 하 셔 도 됩 니 다.
(1)webpack 패키지
vue 에서 웹 팩 을 기반 으로 한다 면 build 포장 후 다음 과 같은 자원 파일 을 얻 을 수 있 습 니 다.

웹 스 톰 의 힌트 는 다음 과 같 습 니 다.

이 파일 은 http 서버 에 접근 해 야 한 다 는 뜻 으로 직접 열 면 유효 하지 않 습 니 다.
이 치 는 매우 간단 하 다.기본적으로 이 안에 인 용 된 경 로 는 모두 서버 의 경로 이다.

(2)백 엔 드 spring boot 프로젝트
dist 디 렉 터 리 를 resources 디 렉 터 리 에 복사 합 니 다:

properties 파일 에 spring.resources.static-locations=classpath:/dist 를 설정 합 니 다.
spring.resources.static-locations 의 기본 값 은 classpath:/META-INF/resources/,classpath:/resources/,classpath:/static/,classpath:/public/입 니 다.
구별:spring.mvc.static-path-pattern,이 설정 은 어떤 경 로 를 의미 하 는 지,spring.resources.static-locations 에서 정적 파일 을 찾 습 니 다.기본 설정 은/*입 니 다.모든 경로 입 니 다.
예 를 들 어 spring.mvc.static-path-pattern=/static/**,/static/css/demo.css 에 접근 할 때/css/demo.css 를 spring.resources.static-locations 설정 디 렉 터 리 에서 찾 습 니 다.
테스트 에서 정적 파일 에 접근:
http://localhost:9999/static/css/app.30790115300ab27614ce176899523b62.css

돌아 갈 수 있다.
index.html 에 접근 하기:

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.