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);
    });
});
相关推荐
打瞌睡的朱尤7 小时前
Vue day10 完整购物网页(登录页,首页,搜索)
前端·javascript·vue.js
扶苏10028 小时前
深入理解 Vue 3 的 watchEffect
前端·javascript·vue.js
yanlele11 小时前
AI Coding 时代下, 关于你会写代码这件事儿, 还重要吗?
前端·javascript·ai编程
打瞌睡的朱尤11 小时前
Vue day9 购物车,项目,vant组件库,vw,路由
前端·javascript·vue.js
cc.ChenLy15 小时前
【CSS进阶】毛玻璃效果与代码解析
前端·javascript·css
西门吹-禅15 小时前
node js 性能处理
开发语言·javascript·ecmascript
一只大侠的侠15 小时前
React Native for OpenHarmony:日期范围选择器实现
javascript·react native·react.js
EstherNi16 小时前
仿照elementui写图片放大的案例,但多加了下载按钮,vue3
javascript·vue.js·elementui
一只大侠的侠17 小时前
React Native for OpenHarmony:DatePicker 日期选择器组件详解
javascript·react native·react.js
JosieBook17 小时前
【Vue】15 Vue技术——Vue计算属性简写:提升代码简洁性的高效实践
前端·javascript·vue.js