[React] 프록시 설정

# setupProxy.js
const { createProxyMiddleware } = require('http-proxy-middleware');

module.exports = function (app) {
  app.use(
    '/api',
    createProxyMiddleware({
      target: 'https://test.zendesk.com',
      changeOrigin: true
    }),
  );
};​

import logo from './logo.svg';
import './App.css';
import axios from 'axios';

function App() {
  return (
    <div className="App">
      <header className="App-header">
        <button
          onClick={() => {
            // Zendesk API 인증 정보 설정
            const encodedString = "/";
            console.log(encodedString)
            var config = {
              method: 'GET',
              url: '/api/v2/tickets',
              headers: {
                'Content-Type': 'application/json',
                'Authorization': `Basic ${encodedString}`, // Base64 encoded "username:password"
                // 'Authorization': 'Basic <auth-value>', // Base64 encoded "username:password"
              },
              // params: {
              //   'external_id': '',
              // },
            };
 
            axios(config).then(function (response) {
              console.log(response.data);
            }).catch(function (error) {
              console.log(error);
            }); 
          }}
        >zendesk</button>
      </header>
    </div>
  );
}

export default App;