강의

멘토링

커뮤니티

Inflearn コミュニティ Q&A

ahngunc0881 のプロフィール画像
ahngunc0881

投稿した質問数

VueでNodebird SNSを作成する

proxy 문의 드립니다.

解決済みの質問

作成

·

1.9K

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/',
   
 },
vuejsawsmysqlvuexnodejsssr

回答 4

0

ahngunc0881님의 프로필 이미지
ahngunc0881
質問者

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

0

zerocho님의 프로필 이미지
zerocho
インストラクター

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

0

ahngunc0881님의 프로필 이미지
ahngunc0881
質問者

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

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

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

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

답변 감사합니다.

0

zerocho님의 프로필 이미지
zerocho
インストラクター

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

ahngunc0881 のプロフィール画像
ahngunc0881

投稿した質問数

質問する