인프런 커뮤니티 질문&답변

Sun.ahn님의 프로필 이미지
Sun.ahn

작성한 질문수

Vue로 Nodebird SNS 만들기

proxy 문의 드립니다.

해결된 질문

작성

·

1.8K

0

proxy 설정후 API 접속 시 생소한 오류가 발생하여 문의 드립니다.

구현한 proxy 기능이 로컬에서 잘되어 서버에서 build 및 start하여 실행하였습니다.

proxy로 api서버로 접속시 접속이 안됩니다. 그런데 백엔드 서버에서 실행하면 잘됩니다.

혹시 이유를 알 수 있을까요?

------------- 오류---------------

Request URL : http://localhost:8080/api/

Referer Policy: no-referrer-when-downgrade

Request Headers

Provisional headers are shown

------------- 서버---------------

백엔드 API IP : 192.168.5.**:1111

nuxt IP : 192.168.5.**:2222

------------- 소스---------------

index.vue

getApi () {
        this.$axios.get(`/api/acc/key`)
        .then((res=> { this.datas = res.data
        console.log(this.datas);
        }) 
        .catch((ex=> { console.log('error-'ex); });

nuxt.config.js

modules: [
    '@nuxtjs/axios',
    '@nuxtjs/proxy',
 ],
  proxy: {
    '/api': 'http://192.168.5.**:2222/',
   
 },

답변 4

0

Sun.ahn님의 프로필 이미지
Sun.ahn
질문자

네~~ 도움 감사합니다^^

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

axios.defaults.baseURL = 'IP주소'로 한번에 모든 axios에 baseURL을 설정할 수 있습니다.

0

Sun.ahn님의 프로필 이미지
Sun.ahn
질문자

특별히 localhost로 설정하지는 않았는데

this.$axios.get(`/api/acc/keys`)

이 부분에 IP지정을 안해서 그랬나 봅니다.

/api 앞부분에 IP 넣으니 잘 됩니다.

답변 감사합니다.

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

배포한 후인데도 request url이 localhost:8080으로 되어있네요. 이 부분을 192.168.5.94:8080로 바꾸셔야 할듯합니다.

Sun.ahn님의 프로필 이미지
Sun.ahn

작성한 질문수

질문하기