VUE--跨域配置

最新推荐文章于 2024-09-06 09:19:12 发布

十友九

最新推荐文章于 2024-09-06 09:19:12 发布

阅读量169

点赞数

分类专栏： VUE 文章标签： vue

本文链接：https://blog.csdn.net/weixin_43778556/article/details/117386458

版权

VUE 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

方法一
1.创建文件vue.config.js（如果没有自己创建）内容如下：

module.exports={
    // 配置跨域一定要重新启动
    devServer: {
        proxy: {
          '/ajax': {
            target: 'https://m.maoyan.com',
            ws: true,
            changeOrigin: true
          },
        //   '/foo': {
        //     target: '<other_url>'
        //   }
        }
      }
}

方法二
2.配置headers

 axios({
    url:`https://m.maizuo.com/gateway?cityId=${this.cityId}&pageNum=${this.current}&pageSize=10&type=1&k=1838388`,
    headers:{
         'X-Client-Info': '{"a":"3000","ch":"1002","v":"5.0.4","e":"1615711504577114755563521","bc":"310100"}',
         'X-Host': 'mall.film-ticket.film.list'
     }
 }).then(res=>{
     this.datalist=[...this.datalist,...res.data.data.films]//分页数据添加到后面
 })