织梦手机网站模板删除不了,百度网盘账号登录入口,53货源网,给客户做非法网站api封装
由于一个项目里api是很多的#xff0c;随处都在调#xff0c;如果按照之前的写法#xff0c;在每个组件中去调api#xff0c;一旦api有改动#xff0c;遍地都要去改#xff0c;所以api应该也要封装一下#xff0c;将api的调用封装在函数中#xff0c;将函数集…api封装
由于一个项目里api是很多的随处都在调如果按照之前的写法在每个组件中去调api一旦api有改动遍地都要去改所以api应该也要封装一下将api的调用封装在函数中将函数集中在一起便于管理。在src下面建一个api目录用来放api在api目录里建一个api.js在其中封装各个api 由于项目到这一步为止只用到了一个后端的api即login所以此处api.js内容如下
import service from ../utils/serviceexport function login(data){return service({method:post,url:/login,data})
} 抽出api.js后以后的后端api调用就用api.js中提供的函数这里先改一下Login页面的api调用逻辑
import {setToken} from /utils/setToken.js
import {login} from /api/api.js
methods:{login(form){this.$refs[form].validate((valid){if(valid){console.log(this.form)// this.service.post(/login,this.form)// .then(res{// console.log(res.status)// if(res.status200){// setToken(username,res.data.username)// setToken(token,res.data.token)// this.$router.push(/home)// }// })login(this.form).then(res{console.log(res.status)if(res.status200){setToken(username,res.data.username)setToken(token,res.data.token)this.$router.push(/home)}})}else{console.error(this.form)}})}}
