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': ''  
    }
  }
}

 

再将原来的代码修改成：