vue-Vant

1.在项目目录安装
cd Vrouter
npm i vant -S

  1. main.js导入
    import Vant from 'vant;
    import 'vant/lib/index.css'
    Vue.use(Vant);

3.去官网粘贴代码修改参数
<van-nav-bartitle="登录"vantleft-text=""left-arrow
@click-left="$router.g0(-1)"/>

4审查元素修改css
.van-nav-bar .van-icon{
color:#777 important;
}
切换到项目目录
cd /vrouter
安装
cnpm install vant -S

import Vant from 'vant'
import 'vant/ib/index.css'
Vue.use(Vant);

切换到项目目录
cd /vrouter

安装
cnpm install axios -S

挂载。
mainjs
import axios from 'axios'
Vue.prototype.Shttp = axios;

get
this.$http.geturl?page=1)
this.shttp.geturl.params:{page: 2))

post
this.http.post(url,"k=v&k2=v2",{ "Content-Type":application/x www-form-urlencoded' )} 1.获取文件 let file = this.refs.file[0]

  1. formData let data = new FormData).append("file" file);

3.配置。
let configs={
headers:{'Content-Type':multipart/form-data'}

}

4 请求
$http({
url,
data,
configs,
})

全局.配置。
作用: 1. 方法修改请求域名,切换地址
2.省略了再每个ajax请求都需要去配置的事情
在main.js配置
import axios from 'axios';
axios.defaults.baseURL = "http://520mg.com";
/1配置基础ur|
axios.defaults.headers.post'Content-Type'] = 'application/x-
www-form-urlencoded;
//配置post编码
全局配置e
/1 axios.defaults.withCredentials = true;
1/跨域请求的全局凭证
// import axios from './assets/js/axios.min.js'
Vue.prototype.http = axios; /1挂载axios到vue的原型公用方法上面 //所有vue的实例都将拥有http

使用时候
http.get("http://www.520mg.com/mi/list.php")效果一致http.get("/mi/list.php")

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容