收集链接 做网站,物流网站首页设计,四川手机网站设计,四川油建公司官网项目中接口会很多#xff0c;个人喜欢创建api文件对请求统一管理1.新建api文件夹#xff0c;文件夹下创建 axios.js#xff0c;login.js2. axios.jsimport axios from axiosimport router from ../router
//引入路由是为了做重定向#xff0c;比如没有登录过期定向到登录页…项目中接口会很多个人喜欢创建api文件对请求统一管理1.新建api文件夹文件夹下创建 axios.jslogin.js2. axios.jsimport axios from axiosimport router from ../router
//引入路由是为了做重定向比如没有登录过期定向到登录页面
// 创建axios实例
const instance axios.create({baseURL: , // api的base_urltimeout: 15000, // 请求超时时间headers: { content-type: application/json;charsetUTF-8 }
})// 拦截请求
instance.interceptors.request.use(config {// 可以在此处添加 tokenreturn config
},error {return Promise.reject(error)
})
// 拦截响应
instance.interceptors.response.use(res {//可以在此处拦截接口错误return res}, error {return Promise.reject(error)
})
export default instance复制代码3. login.js此文件我一般安装模块来创建多个import instance from /api/axios//引入axios文件export function loginByUsername(obj) {return instance.post(/api/a/login, obj)
}
export function logout() {// 退出
return instance.post(/api/a/logout)
}复制代码4. login.vuetemplate
登录的实现
/template
script
import { loginByUsername } from /api/login
//引入api文件methods: {login(){var obj {name:test,password:test}loginByUsername(obj).then(res{console.log(res)})}
}
/script复制代码转载于:https://juejin.im/post/5ce523ede51d45508c2fb7a3
