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);
    });
});
相关推荐
麻辣_水煮鱼2 分钟前
vue数据变化但页面不变
前端·javascript·vue.js
一条晒干的咸魚11 分钟前
【Web前端】实现基于 Promise 的 API:alarm API
开发语言·前端·javascript·api·promise
WilliamLuo1 小时前
MP4结构初识-第一篇
前端·javascript·音视频开发
过期的H2O21 小时前
【H2O2|全栈】JS进阶知识(七)ES6(3)
开发语言·javascript·es6
前端Hardy1 小时前
HTML&CSS:数据卡片可以这样设计
前端·javascript·css·3d·html
松树戈1 小时前
JS推荐实践
开发语言·javascript·ecmascript
vener_2 小时前
LuckySheet协同编辑后端示例(Django+Channel,Websocket通信)
javascript·后端·python·websocket·django·luckysheet
老码沉思录2 小时前
React Native 全栈开发实战班 - 性能与调试之打包与发布
javascript·react native·react.js
乐闻x3 小时前
Vue实践篇:如何在 Vue 项目中检测元素是否展示
前端·javascript·vue.js
理想不理想v3 小时前
【经典】webpack和vite的区别?
java·前端·javascript·vue.js·面试