axios call in react returns index.html - node.js

Question

I am attempting to make an axios call inside of a useEffect hook, but all that is returned is the html.index file. I understand that express will direct any calls to "/" to index.html but i have specific routes established and other safeguards in place, so i dont know why this is happening...
React Component:
import React, { Fragment, useState, useEffect } from "react";
//uuid for card element key
import { v4 as uuidv4 } from "uuid";
import API from "../utils/API";
//dummy data
import books from "../dummy.json";
//import components
import Card from "../components/Card";
import Searchbar from "../components/Searchbar";
const Bookshelf = () => {
useEffect(() => {
loadBooks()
});
const loadBooks = () => {
API.getAllBooks().then(res => console.log(res))
}
const [bookArray, setBookArray] = useState({
books,
});
return (
<Fragment>
<div className="bookshelf">
<Searchbar />
<div className="bookshelf__heading__container">
<h2 className="bookshelf__heading">
Release the Kraken of Knowledge!
</h2>
</div>
<div className="bookshelf__container">
<section className="bookshelf__gallery">
{bookArray.books.map((book) => (
<Card
key={uuidv4()}
title={book.title}
author={book.author}
image={book.image}
/>
))}
</section>
</div>
</div>
</Fragment>
);
};
export default Bookshelf;
My Express Server:
const express = require("express");
const PORT = process.env.PORT || 3306;
const app = express();
const { sequelize } = require("./models");
const authors = require("./routes/authors");
const books = require("./routes/books");
app.use(express.urlencoded({ extended: true }));
app.use(express.json());
if (process.env.NODE_ENV === "production") {
app.use(express.static("client/build"))
}
app.use("/api/authors", authors);
app.use("/api/books", books);
app.get("/", (req, res) => {
res.sendFile(path.join(__dirname, "../client/build/index.html"));
});
sequelize.sync().then(() => {
app.listen(PORT, () => {
console.log(listening on ${PORT});
});
});
Axios call:
import axios from "axios";
export default {
getAllBooks: function(){
return axios.get("/api/books/all");
}
};
My routes:
const express = require("express");
const router = express.Router();
const { Op, json } = require("sequelize");
const { Author, Book } = require("../models");
//POST new book:
router.post("/add_book", (req, res) => {
Book.create(req.body)
.then((book) => {
res.status(200).json({ book });
})
.catch((err) => {
res.status(500).send(err);
});
});
//PUT edit book by id:
router.put("/edit/:id", (req, res) => {
Book.update(req.body, {
where: {
id: req.params.id,
},
})
.then((numChanged) => {
res.status(200).json({ changedRows: numChanged[0] });
})
.catch((err) => {
res.status(500).send(err);
});
});
//GET all books;
router.get("/all", (req, res) => {
Book.findAll({
include: [Author],
})
.then((books) => {
res.status(200).json(books);
return json(books)
})
.catch((err) => {
res.status(500).send(err);
});
});
//GET books by title:
router.get("/title/:title", (req, res) => {
Book.findOne({
where: {
title: req.params.title,
},
include: [Author],
})
.then((books) => {
res.status(200).json(books);
})
.catch((err) => {
res.status(500).send(err);
});
});
//GET books by title OR author:
router.get("/search/:search_term", (req, res) => {
Book.findAll({
include: [Author],
where: {
[Op.or]: [
{ title: { [Op.substring]: req.params.search_term } },
{ "$Author.firstName$": { [Op.substring]: req.params.search_term } },
{ "$Author.lastName$": { [Op.substring]: req.params.search_term } },
],
},
})
.then((result) => {
res.status(200).json(result);
})
.catch((err) => {
res.status(500).send(err);
});
});
//DELETE book by id:
router.delete("/book_id/:id", (req, res) => {
Book.destroy({
where: {
id: req.params.id,
},
})
.then((wasDeleted) => {
res.status(200).json({ deleted: wasDeleted !== 0 });
})
.catch((err) => {
res.status(500).send(err);
});
});
module.exports = router;
I also have a proxy server set up and as far as i can tell thats working, but perhaps it might be related somehow...
Please let me know what else i can provide to help figure this out, its driving me up the wall.
EDIT: So if i make the call and include http://localhost:8080/etc, it works. That tell me there is (probably) a problem with the proxy server not working or express not finding it whatever...