inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue.js 끝장내기 - 실무에 필요한 모든 것

history mode 설정 및 싱글 페이지 애플리케이션 배포할 때 주의 사항

서버에서 인식하지 못한다는 뜻이 정확히 무엇인가요?

236

qkrthfk

작성한 질문수 10

4

안녕하세요, 강사님

서버에서 해당 URL을 정확하게 인식하지 못한다는 의미가 와닿지가 않습니다..

SPA 구조이기 때문에 URL이 변경되어도 실제 서버에서 요청이 이루어지지 않는 구조라고 알고 있는데, 

URL이 변경됨에 따라 서버에 각각 설정을 해야한다는게 이해가 잘 되지 않습니다. 그러면 서버에서 화면의 정보를 가져와서 뿌리는 개념인건지..

그러면 서버사이드렌더 방식으로 생각하면 되는건지.. 개념이 헷갈리네요ㅠㅠ

javascript vuex vuejs

답변 1

4

캡틴판교

안녕하세요 qkrthfk님, 좋은 질문 주셨네요. 설명을 제가 간단하게 언급하고 넘어가려다 보니 조금 이해하기 어려우셨을 것 같아요 :) 정리드리자면 화면에 /home, /login, /main 이라는 3개의 주소가 있다라고 했을 때 서버에서는 해당 URL이 클라이언트에서 관리가 되기 때문에 각 URL로 접근하게 되면 없는 주소로 인식합니다. 이런 경우를 위해 각 경로로 접근했을 때 서버에서 / URL로 돌려서 클라이언트 레벨의 라우팅이 처리가 되도록 설정해 주셔야 한다는 의미였습니다. 서버 설정은 아래 문서 참고해 주시구요 :)

https://router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations

0

choi45769

안녕하세요 강사님

답변에서 말씀해주신 "각 경로로 접근했을 때 서버에서 / URL로 돌려서 클라이언트 레벨의 라우팅이 처리가 되도록 설정" 부분이 어려워서요  

SPA 구조니까 브라우저를 키고 처음 접근할 때 도메인 뒤에 /main과 같이 접근하면 없는 주소로 나오고 (현재는 프로토타이핑 서버이기 때문에 문제없이 작동이 되는 상황이라고 이해했습니다), 실제로는 아무 페이지도 나오지 않으니 서버별로 추가 코드를 넣어야한다고 이해하는 것이 맞을까요? 

node 10버전 사용

0

64

1

강의에 대해 질문 드립니다.

0

60

1

vue CLI 대신 vite를 사용해도

1

139

2

질문삭제

0

148

2

강사님 코드로 진행할 경우 console.log( config); 도 안찍혔어요. instance 를 생성해서 공통으로 사용하셨는데 loginUser 에만 커스텀한 instance를 넣으니 콘솔에 컨피그 객체가 찍혀요

0

91

1

로그인 에러발생만하면 네트워크 커넥션 에러 발생 해결

0

117

1

rndrmagkqslek.

0

72

1

계속 따라하다가 안돼서 bash에 연결할떄 안되더라구요

0

104

1

axios 에러가 뜹니다.

1

237

2

vue3로 진행하시면서 router에서 '*' 적용이 안되시는 분들

2

311

1

vue 관련 다른 강의 출시예정이없으신지 궁금합니다!

1

154

1

AppHeader.vue에 vue 디폴트 만들에 Delete `␍` 오류나면

1

195

1

vue3로 따라오시다가 import axios 에러 뜨시는 분들

2

445

2

$router 를 이용한 메인 페이지로 이동

1

289

1

혹시 node.js 10.24 버전으로 해도 상관없나요?

2

461

2

에러 경로가 LoginForm.vue 43번째줄 말고 다른 경로로 출력됩니다.

1

297

2

pinia 사용할려고 하는데 에러가 나옵니다.

1

486

2

swagger ui의 post/posts에 글 기록하려고 하면 unauthorized 에러가 납니다..

1

1102

2

safari 개발자 도구에 대한 질문입니다

1

567

2

스웨거에 글 등록시 401 에러가 나와요 ㅠ

1

722

2

이 에러 때문에 진행이 안되네요 ㅠ

1

673

1

windows .nvmrc nvm use 실행 오류

1

1546

2

강사님 최신화가 필요해보입니다.

2

958

2

npm i 에러

1

609

1