Bu soruyu sormadan önce SO hakkında araştırma yaptım ve birkaç şey buldum ama bunlardan biri senaryomda çalıştı. React web sitemi bir Express arka uç sunucusundan yüklemeye çalışıyorum.
Klasör yapımım şu şekilde:
client
build
css
styles.css
index.html
server
server.js
Şu anda ekspres ile deniyorum ve deniyorum, esas olarak onun hakkında biraz daha fazla bilgi edinmek ve benim server.js dosya şuna benziyor
const express = require('express');
const app = express();
const path = require("path");
app.get("/api", (req, res) => {
res.json({"users": ["userOne", "userTwo"]})
})
app.use(express.static(path.join(__dirname, "..", "client", "build")));
app.use(express.static("../client/public"));
app.listen(5000, () => console.log("server started on port 5000"))
Benim index.html kafa
<meta charset="utf-8" />
<link rel="icon" href="./images/logo.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link type="css" rel="stylesheet" href="/css/styles.css" />
<meta name="description" content="Welcome to Sintra Welcome Centre" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript"
src="https://cdn.rawgit.com/prashantchaudhary/ddslick/master/jquery.ddslick.min.js"></script>
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
Sunucuyu 5000 numaralı bağlantı noktasında çalıştırdığımda, HTML’nin düzgün şekilde yüklendiğini görebiliyorum ancak hiçbir yerde style.css dosyasına herhangi bir referans göremiyorum, ağ sekmesini kontrol ettiğimde hiç yüklenmiyor gibi görünüyor.
Hatamı fark edebilen var mı? Teşekkürler
