fix: fetch was not using rest requests

backend/app/main.py

@@ -1,5 +1,7 @@
 from fastapi import FastAPI, Depends, HTTPException, status
 from fastapi.middleware.cors import CORSMiddleware
+from fastapi.middleware.trustedhost import TrustedHostMiddleware
+from fastapi.middleware.httpsredirect import HTTPSRedirectMiddleware
 from fastapi.security import OAuth2PasswordRequestForm
 from sqlalchemy.orm import Session
 from typing import Optional
@@ -12,6 +14,9 @@ Base.metadata.create_all(bind=engine)
 
 app = FastAPI()
 
+app.add_middleware(
+    TrustedHostMiddleware, allowed_hosts=["site-api.muszyn.dev", "*.muszyn.dev"]
+)
 app.add_middleware(
     CORSMiddleware,
     allow_origins=[

frontend/src/App.tsx

@@ -83,7 +83,12 @@ function BlogPage() {
   const [blogs, setBlogs] = useState<Blog[]>([]);
 
   useEffect(() => {
-    fetch(`${API_URL}/blogs`)
+    fetch(`${API_URL}/blogs`, {
+      method: "GET",
+      headers: {
+        "Content-Type": "application/json",
+      },
+    })
       .then((res) => res.json())
       .then((data: Blog[]) => setBlogs(data))
       .catch((err) => console.error(err));

frontend/src/utils/BlogList.tsx

@@ -4,7 +4,12 @@ import { API_URL } from "./constants";
 export function BlogList() {
   const [content, setContent] = useState("");
   useEffect(() => {
-    fetch(`${API_URL}/get-blogs`)
+    fetch(`${API_URL}/get-blogs`, {
+      method: "GET",
+      headers: {
+        "Content-Type": "application/json",
+      },
+    })
       .then((res) => res.text())
       .then(setContent);
   }, []);

frontend/src/utils/BlogViewer.tsx

@@ -16,7 +16,12 @@ export function BlogViewer() {
 
   useEffect(() => {
     if (!slug) return;
-    fetch(`${API_URL}/blogs/${slug}`)
+    fetch(`${API_URL}/blogs/${slug}`, {
+      method: "GET",
+      headers: {
+        "Content-Type": "application/json",
+      },
+    })
       .then((res) => res.json())
       .then((data: Blog) => setBlog(data))
       .catch((err) => console.error(err));

frontend/src/utils/EditBlog.tsx

@@ -16,7 +16,12 @@ export function EditBlog() {
 
   useEffect(() => {
     if (!slug) return;
-    fetch(`${API_URL}/blogs/${slug}`)
+    fetch(`${API_URL}/blogs/${slug}`, {
+      method: "GET",
+      headers: {
+        "Content-Type": "application/json",
+      },
+    })
       .then((res) => res.json())
       .then((data: Blog) => {
         setBlog(data);