feat : dummyAPI connect 성공!

#6

package.json

@@ -22,12 +22,15 @@
   },
   "dependencies": {
     "autoprefixer": "^10.4.14",
+    "axios": "^1.4.0",
+    "qs": "^6.11.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "recharts": "^2.5.0"
   },
   "devDependencies": {
     "@crxjs/vite-plugin": "^1.0.12",
+    "@types/qs": "^6.9.7",
     "@types/react": "^18.0.14",
     "@types/react-dom": "^18.0.5",
     "@vitejs/plugin-react": "^1.3.2",

src/apis/service.ts

@@ -0,0 +1,30 @@
+import axios, { AxiosResponse } from 'axios';
+import qs from 'qs';
+import {parse, stringify} from 'qs'
+
+export function getToken(): string | null {
+    if (typeof window !== "undefined") {
+      return localStorage.getItem("jwt");
+    }
+    return "";
+}
+
+export const popFilterAPI = axios.create({
+    baseURL: "https://www.popfilterbubble.site",
+    headers: {
+        accept: "application/json",
+        "Content-Type": "application/json",
+        "Access-Control-Allow-Origin": "*",
+        "X-ACCESS-TOKEN": getToken(),
+    },
+
+});
+
+export async function getDummy(channelIdArr: string[]) {
+    const params = {
+        channelId : channelIdArr,
+    };
+    const queryString = qs.stringify(params,{arrayFormat : 'repeat'});
+    return await popFilterAPI.get(`/dummy/politics?${queryString}`);
+}
+