inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

프록시 설정 후 vue 라우팅이 되지 않습니다.

1491

마리오

작성한 질문수 5

1

안녕하세요.

아래와 같이 프록시 설정을 했습니다.

devServer: {
port: 8080,
proxy: {
'/': {
target: 'http://localhost:12000/',
ws: true,
changeOrigin: true,
},
},
overlay: false,
},

이렇게 설정을 한 이후부터,

vue 화면에서 localhost:8080으로 들어가서 메뉴 버튼을 누르면 localhost:8080/work 이런 식으로 접근이 되는데,

주소 창에서 localhost:8080/work를 치면, 서버 localhost:12000/work로 접근이 되면서 페이지가 뜨지 않습니다.

어떤 문제 때문일까요?

vuex javascript vuejs

답변 1

1

캡틴판교

안녕하세요 마리오님, 좋은 질문이네요. 보통 CORS 해결을 위해 프록시 설정할 때는 백엔드 API 요청 URL만 우회 시킬 수 있도록 아래와 같은 패턴을 사용합니다.

프록시 대상을 루트 URL로 걸게 되면 라우터가 정상 동작하지 않을 것 같네요. 아래 문서 참고해서 수정하시는게 좋을 것 같습니다 :)

https://joshua1988.github.io/webpack-guide/devtools/webpack-dev-server.html#%ED%94%84%EB%A1%9D%EC%8B%9C-proxy-%EC%84%A4%EC%A0%95

node 10버전 사용

0

63

1

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

0

59

1

vue CLI 대신 vite를 사용해도

1

137

2

질문삭제

0

148

2

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

0

90

1

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

0

116

1

rndrmagkqslek.

0

72

1

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

0

103

1

axios 에러가 뜹니다.

1

236

2

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

2

309

1

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

1

153

1

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

1

194

1

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

2

444

2

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

1

288

1

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

2

460

2

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

1

296

2

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

1

484

2

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

1

1101

2

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

1

565

2

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

1

720

2

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

1

670

1

windows .nvmrc nvm use 실행 오류

1

1544

2

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

2

957

2

npm i 에러

1

608

1