vue.js 进行HTTP 流程记录

2020-09-14

简要记录vue.js 处理HTTP请求数据

前提:服务器未开启跨域要求

安装相关插件

1. 安装axios

用于请求http网络

image-20200914092649079

2. 安装qs

用于转换json格式,方便和接口传值。

​ ps: 图片中的命令应为 “ npm install qs “

image-20200914121458204

导入相关配置到全局

1. 引入axios和qs模块

image-20200914121909171

2. 页面代码
get请求模板

image-20200914092920881

post请求模板

注意,axios中post的请求参数格式是form-data格式。而上述json串的格式为x-www-form-urlencoded格式。这里,需要讲json格式进行转换。

image-20200914122200789

结语

至此,关于在vue.js上请求http的ge和post请求内容结束。