脚本宝典收集整理的这篇文章主要介绍了Vue中如果服务器被限定了host如何用axois进行跨域请求？，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

首先说明一下为什么要用axois进行跨域请求：
在某些网站里面你想进行跨域，他再headerqurest里的host设置了只有特定的域名发送的请求才能获取，这个前端是没有办法改的，所以我们用服务器代理的方式来请求。

在这里我们是再vue-cli讲的例子：
package.json里安装axios和install一下

1 首先进入build文件夹下的dev-server.js

引包

var axios = require('axios')

2 找到var apiRoutes = express.Router()下面添加

apiRoutes.get('/getDiscList', function(req, res) {
  var url = 'https://baidu.com/fcgi-bin/fcg_get_diss_by_tag.fcg'  //请求的地址 

  axios.get(url, {
    headers: {
      referer: 'https://baidu.com',  //设置自己的referer
      host: 'baidu.com'   //设置自己的host
    },
    params: req.query
  }).then(response => {
    res.json(response.data)
  }).catch(error => {
    console.log(error)
  })
})

这样通过服务器代理就会认为是baidu域名去请求的，所以能请求成功

脚本宝典总结

以上是脚本宝典为你收集整理的Vue中如果服务器被限定了host如何用axois进行跨域请求？全部内容，希望文章能够帮你解决Vue中如果服务器被限定了host如何用axois进行跨域请求？所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。