vue实现第三方请求的方法：1、通过“import axios from 'axios';”导入axios；2、将axios放在原型链上；3、添加请求拦截器，代码如“axios.interceptors.request.use(config => {...}”。
本教程操作环境：windows10系统、vue3版、dell g3电脑
vue怎么实现第三方请求？
在vue中请求第三方数据--axios
1 axios -> 基于promise对象 -> async & await2 create阶段 -> 返回promise对象 -> 返回的数据可以直接解构【数据处理】要写入实例的数据（即页面渲染使用的数据），需要用配置参数data接收3 import axios from 'axios';4 多次导入、使用的axios -> 将axios放在原型链上import axios from 'axios';vue.prototype.axios = axios;
5 请求方法的别名axios.request(config)
axios.get(url[, config])
axios.delete(url[, config])
axios.head(url[, config])
axios.options(url[, config])
axios.post(url[, data[, config]])
axios.put(url[, data[, config]])
axios.patch(url[, data[, config]])
6 拦截器// 添加请求拦截器axios.interceptors.request.use(config => {  // 在发送请求之前做些什么  return config;}, error => {  // 对请求错误做些什么  return promise.reject(error);});// 添加响应拦截器axios.interceptors.response.use(response => {  // 对响应数据做点什么  return response;}, error => {  // 对响应错误做点什么  return promise.reject(error);});
6.1 请求拦截应用axios.interceptors.request.use(config => {  // 在发送请求之前做些什么  let token = sessionstorage.getitem('usertk');  if (token) {    config.headers.authorization = token  }  return config}, error => {  // 对请求错误做些什么  return promise.reject(error);});
6.2 响应拦截应用axios.interceptors.response.use(response => {  if (response.data.code === '200') {    auth.settoken(sessionstorage.getitem('userid'))  }  return response;},error => {  console.warn(error);  console.warn(error.response);  if ((error.response.status && error.response.status === 401) || error.response.statuscode === 401) {    // 已超时    auth.removetoken(sessionstorage.getitem('userid'));    sessionstorage.clear();    router.replace('/login')    return promise.reject('身份已过期,请重新登录！');  }  if(error.response && error.response.status === 500)  return promise.reject('服务异常，请稍后重试！');});
推荐学习：《vue视频教程》
以上就是vue怎么实现第三方请求的详细内容。