vue webpack完整版配合TP5.1本地环境开发之跨域访问

先用简单模板测试完后,再用完整版的脚手架开发测试,发现一样适用。简单脚手架使用方法地址如下:

https://blog.csdn.net/lizheng8715/article/details/97032831

开始正题。

后台直接返回前台传递的参数,源码

    public function message()
    {
        $data=Request::param();
        return json_encode($data);
    }

1、get方法传参数,可以直接正常传参即可

            this.axios.get(http,{//http是后台地址
                params:{
                    'id':'12346',
                    'user':'name'
                }
            }).then(function(res){
                console.log(res);

            }).catch(function(error){
                console.log(error);
            });

传参成功。

2、post方法传递参数,需要先将参数用qs方法转换一下,qs方法在axios中自带

            var server=new this.axios.create({
                transformRequest: [//对数据转换成类似get传参的模式
                    data => {
                        data=qs.stringify(data);
                        console.log(data);
                        return data;
                    }
                ]
            })
            server.post(http,{
                // params:{
                    'id':'12346',
                    'user':'name'
                // }
            }).then(function(res){
                console.log(res);

            }).catch(function(error){
                console.log(error);
            });

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值