vue.js axiosを使用してサードパーティインタフェースのドメイン間問題を要求

最近axiosでサードパーティのニュースapiインタフェースを要求したとき、データが要求されたが、コンソールはドメイン間でエラーを報告し続け、データも印刷できなかった.

コード:

getNewsList(){
  axios.get("http://v.juhe.cn/toutiao/index?type=top&key=46e7985e9edd93de9915136c8fae6"
  ).then((response)=>{
    var res = response.data;
    console.log(res);
  })
}

 
解決方法:
 
実は簡単で、エージェントを設定すればいいのです.
ファイルの場所:プロジェクトファイル->config->index.js
proxyTableが見つかりました:{}
変更:

proxyTable: {
  '/api': {
    target: 'http://v.juhe.cn/toutiao',
    changeOrigin: true,
    pathRewrite: {
      '^/api': ''  
    }
  }
}

 
元のコードを次のように変更します.
 

getNewsList(){
  axios.get("/api/index?type=top&key=46e7985e9edd93de9915c8fae6"
  ).then((response)=>{
    var res = response.data;
    console.log(res);
  })
}

 
修正が完了したら、サービスを再起動することを忘れないでください.
 
その後コンソールを開くとエラーがなくなり、得られたデータが印刷されます

 
もちろん、他の方法もあります.他の人が書いたリモートエージェントを利用して完成する方法もあります.

const api_proxy = 'https://bird.ioliu.cn/v1/?url=';
axios.get("http://v.juhe.cn/toutiao/api/index?type=top&key=46e7985e8de9915136c8fae6")

それから他のコードはいつものように書けばいいです!