vue-day08

vue-day08

1.axios

1.通过？传参，需要需要传递参数 需要用$route.query.xxxx

2.通过/:id传参，需要需要传递参数 需要用$route.parms.xxxx

axiso发送请求

get---->传递参数–>params

post—>传递参数—>data

2.qs使用

目的：就是为了解决通过post发送数据给后台的时候会出现接收不到数据的情况

1.cnpm i qs --save
2.引入 request.js 引入qs
3.把需要通过post提交的数据进行转换  data:qs.stringify(user) 
4.如果传递的参数有文件（图片，file） 需要通过form转换var form  = new FormData();for(let i in user){
    form.append(i,user[i])}return  axios({
    url: "/api/login",method: "post",data:form,})

3.美团项目整理流程

1.创建项目目录

2.配置项目目录

3.引入需要的初始化资源（reset.css 还有rem.js等等）

4.创建组件，配置路由

5.实现登录页面的书写，此时需要做全局守卫

6.登录需要发送axios请求，需要配置request.js 中配置axios以及导出对应请求方法

7.配置具体页面的点击跳转，通过路由的方式，一定分清楚一级二级路由以及书写路由出口

8.数据请求完成渲染页面

注意：axiox拦截 的使用

4axios拦截使用

在request.js中书写

// 响应拦截
axios.interceptors.response.use((res)=>{console.group('========响应拦截开始==========');console.log(res);console.log('==========响应拦截结束========');if(!res.data.isok){alert(res.data.info) }return res
})// 请求拦截
axios.interceptors.request.use((config)=>{var type = sessionStorage.getItem('type')console.log(type)config.type = type;console.log(config)return config})