Interceptor

by

February 20, 2023

2:53 pm

32 Comments on Interceptor

React

index.js

import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
import axios from 'axios';
// Add a request interceptor
axios.interceptors.request.use(
  config => {
    console.log("inside interceptor request", config)

    const token = "TOKEN FROM INTERCEPTORS"
    if (token) {
      console.log("INSIDE request use")
      config.headers['Authorization'] = 'Bearer ' + token
    }
    
    return config
  },
  error => {
    Promise.reject(error)
  }
)


axios.interceptors.response.use(
  config => {
    console.log("inside interceptor response", config)
    return config
  },
  error => {
    Promise.reject(error)
  }
)



const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

reportWebVitals();

App.js

import logo from './logo.svg';
import './App.css';
import { useEffect } from 'react';
import axios from 'axios';

function App() {

  useEffect(()=> {

    axios({
      method: 'get',
      url: 'http://localhost:1234/webservice.php'
    })
      .then(function (response) {
        console.log(response)
      });
    
  }, [])

  return (
    <>
    This is App component
    </>
  );
}

export default App;

webservice.php

<?php

header("Access-Control-Allow-Origin: *");

// echo "<pre>";
// print_r($_SERVER);

echo json_encode(["test" => "Hello world...."]);

32 Replies to “Interceptor”

  5. Нестандартный крепеж по чертежам нужен для проектов, где типовые позиции не закрывают задачу Такой вариант крепежа помогает сократить количество переделок и сохранить стабильный результат на объекте https://metizy-optom-moskva.ru/

    Reply

  6. Свечи и ароматические наборы ручной работы часто выбирают в качестве подарка на праздники и особые события. Они создают атмосферу тепла и уюта, которая делает любой подарок более запоминающимся. Подробнее по ссылке – https://aroma-lavka.ru/

    Reply

  10. Поисковые алгоритмы учитывают множество параметров, включая поведение пользователей. Поведенческие факторы помогают определить ценность сайта – что такое пф яндекс

    Reply

  13. Элитная парфюмерия может стать отличным подарком для близких людей. В интернет магазине легко найти подходящий вариант: https://avon-forum.ru/

    Reply

  25. Создание электроники включает проектирование схем и плат, разработку встроенного ПО, сборку и тестирование прототипов. Осуществляется серийное производство и контроль качества. Корпуса разрабатываются с промышленным дизайном для удобства: http://led119.ru/forum/user/125594/. Технологии позволяют создавать надежные устройства для промышленных и коммерческих проектов)

    Reply

  27. Этот информационный материал привлекает внимание множеством интересных деталей и необычных ракурсов. Мы предлагаем уникальные взгляды на привычные вещи и рассматриваем вопросы, которые волнуют общество. Будьте в курсе актуальных тем и расширяйте свои знания!
    Исследовать вопрос подробнее – https://vivod-iz-zapoya-2.ru/

    Reply

  31. Установили капсульный дом для отдыха на выходные и получили отличный результат. Он компактный, но при этом функциональный. Внутри уютно и удобно. Материалы качественные. Отличный вариант для дачи https://super-domiki.ru/

    Reply

  32. В этом интересном тексте собраны обширные сведения, которые помогут вам понять различные аспекты обсуждаемой темы. Мы разбираем детали и факты, делая акцент на важности каждого элемента. Не упустите возможность расширить свои знания и взглянуть на мир по-новому!
    Получить больше информации – https://vivod-iz-zapoya-2.ru/

    Reply

Leave a Reply to Keithjuice Cancel reply

Your email address will not be published.