美文网首页
关于vue项目中,axios请求方式,跨域请求的处理

关于vue项目中,axios请求方式,跨域请求的处理

作者: 吾名无双 | 来源:发表于2017-09-01 19:40 被阅读77次

    文章来源:http://blog.csdn.net/suweim/article/details/73826154
    main.js设置如下

    //下载并引入axios
    // 引入axios
    import axios from 'axios'
    //创建基本的axios配置
    var $http = axios.create({
    });
    // 挂载到vue的原型
    Vue.prototype.$http = $http;
    
    //路由中路径如下
    <script>
    export default {
        created : function(){
         console.log(this.$http)
            // 发送请求
            this.$http.get('db/api/music/search',{
    
              params : {
            q:'甜蜜蜜',
              }
            }).then(function(msg){
             
                console.log(msg);
            }.bind(this)).catch(function(err){
                console.log(err)
            })
        }
    }
    
    </script>
    
    //在webpack.config.js文件里设置代理   
    //代码如下  阿凡达的数据接口为例
        proxy:{
          '/afd/api':{
            target:'http://api.avatardata.cn',
            changeOrigin:true,
    //路径重写
            pathRewrite:{
              '^/afd/api':'/'
            }
          }
    }
    

    相关文章

      网友评论

          本文标题:关于vue项目中,axios请求方式,跨域请求的处理

          本文链接:https://www.haomeiwen.com/subject/hcbkjxtx.html