Fix css for subdirectories

4 years ago · 121c619a60
2 changed files with 4 additions and 4 deletions
--- a/client/app.js
+++ b/client/app.js
@ -6,7 +6,7 @@ require("dotenv").config();

 app.set("views", __dirname + "/views");
 app.set("view engine", "jsx");
-app.use(express.static("public"));
+app.use("/", express.static(__dirname + "/public"));
 app.engine(
  "jsx",
  require("express-react-views").createEngine({
--- a/client/views/layouts/Main.jsx
+++ b/client/views/layouts/Main.jsx
@ -5,9 +5,9 @@ export default function (props) {
  return (
    <>
      <head>
-        <link rel="stylesheet" href="bootstrap.min.css"></link>
-        <script src="jquery.min.js"></script>
-        <script src="bootstrap.min.js"></script>
+        <link rel="stylesheet" href="/bootstrap.min.css"></link>
+        <script src="/jquery.min.js"></script>
+        <script src="/bootstrap.min.js"></script>
      </head>
      <body>
        <Header></Header>