axios cors in react

سلام من با axios میخوام یه پست به سرور بزنم اما همچین اروری میده

بکندم تست کردم مشکلی نداشت در لاگ ۲۰۰ میده اما با این کد مشکل داره

// get token with username and password then return it ...
import axios from "axios";
function get_token() {
axios.post('http://127.0.0.1:8000/api-token-auth/', {
    username: 'mmjsys',
    password: 'mmjjahani'
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });}

  export default get_token();

اینم از اپ js

import logo from './logo.svg';  
import './App.css';  
import gettoken from './api/GetToken.js';

function getComponent() {gettoken()}

function App() {  
return (  
          <div>
              <div className="header">
                     <h1 className="h1">site name</h1>
                     <div className="right">
                       <getComponent />
                     </div>

              </div>
          </div>

);  
}

export default App;

دیگه از کد معلومه من تو ری اکت و جاوااسکریپت تازه کارم خودتون یه جوری توظیح بدید ماهم بفهمیم