Vue.js跨域请求

Vue.js跨域请求

//导入一下三个js即可
<script src="assets/js/vue.min.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/js/vue-resource.min.js" type="text/javascript" charset="utf-8"></script>
<script src="//cdn.bootcss.com/axios/0.15.3/axios.min.js"></script>
<script type="text/javascript">
            var vm = new Vue({
                el:".data-items",
                data:{
                    items:{},
                },
                mounted: function () {
                    var params = new URLSearchParams();
                    params.append('au_name',"张三");
                    params.append('au_pwd',"123456");
                    vue.$nextTick(function () {
                        axios.post(urls,params,{
                            headers: {
                                //请求时的拦截器，可以拦截掉无需的请求
                                'Content-Type': 'application/x-www-form-urlencoded'
                            }
                        })
                        .then(function(res){
                            // res 访问后台成功后返回的数据
                            vue.items = res.data;
                        })
                        .catch(function(err){
                           //如果访问后台失败后执行的操作
                        })
                    });
                }   
            });
        </script>