vue-cli4配置axios
vue-cli配置axiosvue-cli配置axiosvue-cli配置axios屁不多放,直接上代码,干啥的,我也不知道,我就知道用,用它干嘛,用来调接口拿数据的。下载axiosnpm install axios --savemain.js中配置请求根路径axios.defaults.baseURL = ‘http://127.0.0.1:8888/api/private/...
·
vue-cli配置axios
vue-cli配置axios
屁不多放,直接上代码,干啥的,我也不知道,我就知道用,用它干嘛,用来调接口拿数据的。
-
下载axios
npm install axios --save -
main.js中配置请求根路径
axios.defaults.baseURL = ‘http://127.0.0.1:8888/api/private/v1/’ -
main.js中将axios对象赋值到Vue原型对象中方便后续调用
首先导入axios,import axios from ‘axios’
然后将给Vue对象的原型上加一个( $ http)属性,并且将axios对象赋值给它。Vue.prototype.$http = axios -
在页面中的使用
这里以登录页面为案例进行展示,由于通过axios返回的数据是一个Promise对象,所以要处理一下,这里通过async await的形式将promise对象进行转化从而获得了接口数据。
-
登录拦截
登录拦截中需要用到axios对象,需要在main.js中进行配置。登录拦截:
axios.interceptors.request.use(config => {
console.log(config)
// console.log('token:',window.sessionStorage.getItem('token'))
config.headers.Authorization = window.sessionStorage.getItem('token')
// 再最后必须return config
return config
})
更多推荐
已为社区贡献1条内容
所有评论(0)