공부로그

  • 홈
  • 태그
  • 방명록

SPA 1

😹 Nginx로 전달하는 Vue 페이지 하위 경로 접속시 나타나는 404오류 해결하기

문제 Nginx에서 Vue 프로젝트 빌드 파일을 전달하도록 환경을 구성했다. 메인페이지가 잘 나오는 것(http://example.com)을 확인하고 하위 경로도 잘 나오겠지라고 생각했다. 하지만 Vue 라우터에 등록한 하위 경로(http://example.com/home 등..)에 접속했더니 404 에러가 나타났다. 원인 Vue가 SPA이기 때문이다. Nginx는 정적 컨텐츠를 전달할 때, root 디렉터리에서 파일의 존재 여부를 찾는다. 'http://{IP주소}:{포트번호}/mainpage' 로 요청을 보내고 nginx 설정에서 root 디렉터리를 '/usr/share/nginx/html' 이라고 했을 때, 해당 root 경로 안에서 mainpage.html 이라는 파일을 찾아 전달하려고 한다는 말..

DevOps/Nginx 2021.09.20
이전
1
다음
프로필사진

공부로그

  • 분류 전체보기 (21)
    • 알고리즘👩‍💻 (0)
      • 문제 (0)
    • CS (5)
      • NW (1)
      • DataStructure (1)
      • OS (2)
      • DB (0)
      • WEB (1)
      • ETC (0)
    • 계획 (2)
    • 👻그냥 이것저것 (1)
    • AWS (6)
    • DevOps (3)
      • Docker (1)
      • Nginx (2)
      • K8S (0)
    • Backend (4)
      • TDD (0)
      • SPRING (2)
      • JAVA (2)
      • JPA (0)

Tag

도커, NPM, DevOps, CORS, cloud, CI, EC2, jwt, Jenkins, 취준후기, AWS, nginx, Node, docker, vue, OSI 7계층, CI/CD, GIT, spring boot, CICD,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

  2025. 06  
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.