node通过axios调用realworld接口

安装axios

复制代码
pnpm install axios

调用Realworld接口

接口文档如下:

https://main--realworld-docs.netlify.app/docs/specs/backend-specs/endpoints

javascript 复制代码
const axios = require('axios');
let token = ''
const instance = axios.create({
  baseURL: 'https://api.realworld.io/api',
});

instance.interceptors.request.use(
  (config) => {
    if (token) {
      const newConfig = { ...config };
      newConfig.headers.Authorization = `Bearer ${token}`;
    }
    return config;
  },
  (error) => Promise.reject(error)
);

instance({
  method: 'POST',
  url: '/users',
  data:{
    user: 
    {
      username: 'xxxxxx',
      email: 'xxxxxx@xxxxxx.com',
      password: 'xxxxxx',
    }
  } 
}).then(res=>{
  token = res.data.user.token
  console.log(token);
  instance({
    url:'/user',
    method:'GET'
  }).then(response => {
      console.log(response.data);
    })
    .catch(error => {
      console.error(error);
    });
});
相关推荐
玫城6 分钟前
[ VUE ] 封装通用数组校验组件,el-input内使用
前端·javascript·vue.js
弓.长.4 小时前
React Native 鸿蒙跨平台开发:实现一个多功能单位转换器
javascript·react native·react.js
摘星编程5 小时前
React Native for OpenHarmony 实战:ToggleSwitch 切换开关详解
javascript·react native·react.js
满栀5855 小时前
分页插件制作
开发语言·前端·javascript·jquery
qq_406176145 小时前
深入剖析JavaScript原型与原型链:从底层机制到实战应用
开发语言·前端·javascript·原型模式
弓.长.6 小时前
React Native 鸿蒙跨平台开发:BottomSheet 底部面板详解
javascript·react native·react.js
摘星编程6 小时前
React Native for OpenHarmony 实战:Permissions 权限管理详解
javascript·react native·react.js
闲蛋小超人笑嘻嘻6 小时前
Vue 插槽:从基础到进阶
前端·javascript·vue.js
摘星编程6 小时前
React Native for OpenHarmony 实战:SearchBar 搜索栏详解
javascript·react native·react.js
梦6509 小时前
Vue 单页面应用 (SPA) 与 多页面应用 (MPA) 对比
前端·javascript·vue.js