鍍金池/ 問(wèn)答/HTML/ vue-cli中axios設(shè)置了baseurl后如何進(jìn)行跨域請(qǐng)求?

vue-cli中axios設(shè)置了baseurl后如何進(jìn)行跨域請(qǐng)求?

最近學(xué)習(xí)在vue-cli中用axios,打算用豆瓣的api,我設(shè)置了axios的baseurl為豆瓣的api后出現(xiàn)跨域問(wèn)題

  // main.js
        axios.defaults.baseURL = 'http://api.douban.com/v2/';
        
        Vue.prototype.$axios = axios;,

然后我就去網(wǎng)上搜把config/index.js中修改

proxyTable: {
      '/api': {
        target: 'http://api.douban.com/v2', // 接口的域名
        // secure: false,  // 如果是https接口,需要配置這個(gè)參數(shù)
        changeOrigin: true, // 如果接口跨域,需要進(jìn)行這個(gè)參數(shù)配置
        pathRewrite: {
          '^/api': ''
        }

      }
    },
    

然后再組件中請(qǐng)求

    

this.$axios.get('api/movie/top250',{
            
        })
        .then(res=>{
            console.log(res);
            
            console.log('ok');
        })
        .catch(err=>{
            console.log(err);
        });
        
   

發(fā)現(xiàn)能請(qǐng)求到,但是會(huì)報(bào)問(wèn)題和Error: Network Error,當(dāng)然也不會(huì)log出ok,然后我把baseurl注釋掉后就能正常的返回ok不報(bào)錯(cuò)了。后來(lái)我又把baseurl改成axios.defaults.baseURL = 'https://api.github.com/'
然后獲取github的數(shù)據(jù),沒(méi)問(wèn)題,但是之前的豆瓣的就又不行了,那么問(wèn)題來(lái)了,在設(shè)置了baseurl(比如github)的時(shí)候我應(yīng)該怎樣進(jìn)行跨域,請(qǐng)求時(shí)直接寫豆瓣的地址是可以獲取到,但是還是會(huì)報(bào)錯(cuò)圖片描述圖片描述
也就是某個(gè)請(qǐng)求如何不受baseurl的影響?求大神告知,謝謝。

回答
編輯回答
互擼娃

你好做出來(lái)了么,我也遇到同樣的問(wèn)題

2017年2月8日 22:16
編輯回答
涼薄

樓主你的問(wèn)題解決了嗎,我也碰到了同樣的問(wèn)題

2018年4月28日 09:11
編輯回答
久愛(ài)她

這句干掉

axios.defaults.baseURL = 'http://api.douban.com/v2/';
2017年5月26日 06:44