它在主螢屏上給我空白頁。我該如何解決？我想呈現我的前端并想在螢屏上看到我的網站，但它給了我“無法獲取/”。我的前端內置于 React.js 如何將它與 node.js 連接并表達以在螢屏上查看它？
這是我的代碼-
require('dotenv').config({ path: 'env' });
const dotenv = require("dotenv");
dotenv.config();
const express = require('express');
const mongoose = require('mongoose');
const cors = require('cors');
const cookieParser = require('cookie-parser');
const SocketServer = require('./socketServer');
const corsOptions = {
Credential: 'true',
};
const app = express();
app.use(express.static("C:/Users/chirag/Downloads/mern-social-media-master/mern-social-media-master/" '/public'));
app.get('/', (req,res,next) => {
res.sendfile("C:/Users/chirag/Downloads/mern-social-media-master/mern-social-media-master/" "/public/index.html");
})
app.use(express.json())
app.options("*" , cors(corsOptions));
app.use(cors(corsOptions));
app.use(cookieParser())
//#region // !Socket
const http = require('http').createServer(app);
const io = require('socket.io')(http);
io.on('connection', socket => {
SocketServer(socket);
})
//#endregion
//#region // !Routes
app.use('/api', require('./routes/authRouter'));
app.use('/api', require('./routes/userRouter'));
app.use('/api', require('./routes/postRouter'));
app.use('/api', require('./routes/commentRouter'));
app.use('/api', require('./routes/adminRouter'));
app.use('/api', require('./routes/notifyRouter'));
app.use('/api', require('./routes/messageRouter'));
//#endregion
const URI = process.env.MONGODB_URL;
mongoose.connect(URI, {
useCreateIndex:true,
useFindAndModify:false,
useNewUrlParser:true,
useUnifiedTopology:true
}, err => {
if(err) throw err;
console.log("Database Connected!!")
})
const port = process.env.PORT || 8080;
http.listen(port, () => {
console.log("Listening on ", port);
});
HTML 代碼 -
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<script type="text/javascript" src='C:\Users\chirag\Downloads\mern-social-media-master\mern-social-media-master\client\src\index.js'></script>
<title>Web App</title>
</head>
<body>
<script type="text/javascript" src='C:\Users\chirag\Downloads\mern-social-media-master\mern-social-media-master\client\src\index.js'></script>
</body>
</html>
我嘗試了多種方法，但無法解決。是由于 cloudinary 還是 mongoDB 資料庫？
我添加了一些代碼并修改了其中的幾個部分，但錯誤無法糾正。
我該如何解決這個問題？
uj5u.com熱心網友回復：
get/在這里表示關于默認端點的型別，get并且僅包含/在 URL 中。在您的代碼中，您的所有端點都以開頭，/api因此您可以添加一個新的默認端點/路由，例如：
app.get('/',(req, res) => {
res.send("Hello World")
})
當您導航到主螢屏時，它將在您的瀏覽器上顯示 Hello World。
uj5u.com熱心網友回復：
因為你沒有任何回家的路線。在頂部添加一條回家路線，如下所示。
app.use('/', (req,res,next) => {
return res.json('this is home route')
});
uj5u.com熱心網友回復：
創建一個 index.html，其中包含 index.js 檔案，并為您的家庭路線提供該 index.html 的服務器。在您的后端執行以下操作
// add following
app.use(express.static(__dirname '/public'));
// Remove Following
app.get('C:\Users\chirag\Downloads\mern-social-media-master\mern-social-media-master\client\src\index.js',(req, res) => {
res.send("C:\Users\chirag\Downloads\mern-social-media-master\mern-social-media-master\client\src\index.js")
})
// Add Following
app.get('/', (req,res,next) => {
res.sendfile(__dirname '/public/index.html');
})
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/322882.html