Question

我的反应应用程序有以下server.js文件：

var express = require('express');
var path = require('path');
var port = process.env.PORT || 8080;
var app = express();

app.use(express.static('src/client/'));

app.get('*', (req, res) => {
    res.sendFile(path.resolve(__dirname + '/src/client/index.html'))
});

app.listen(port);
console.log('server started');

的index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="css/foundation.min.css">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css" />
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css" />
  </head>
  <body>
    <div id="app" />
    <script src="bundle.js" type="text/javascript"></script>
  </body>
</html>

当我点击＆＃34; http://localhost:8080/＆＃34;屏幕是空白的，我有一个控制台错误（Uncaught SyntaxError：Unexpected token＆lt;）但是我可以轻松访问所有的css和js文件。如果我点击＆＃34; http://localhost:8080/css/style.css＆＃34;我可以看到样式表。

Answer 1

我更新了以下内容：

这

app.get('*', (req, res) => {
    res.sendFile(path.resolve(__dirname + '/src/client/index.html'))
});

到

app.get('/', (req, res) => {
    res.sendFile(path.resolve(__dirname + '/src/client/index.html'))
});

Answer 2

如果您想重定向到其他文件，那么请执行此操作，并在您调用"http://localhost:8080/signup时显示signup.html

var app   = require('express')();
app.get('/signup',function(req,res){

 res.sendFile(path.join(__dirname+'/src/client/signup.html'));});

如果你想要主页意味着来自同一目录的get请求就是这样，那么这将在这样的请求时呈现"http://localhost:8080/

var app   = require('express')();
app.get('/',function(req,res){

 res.sendFile(path.join(__dirname+'/src/client/index.html'));});

Express和节点应用程序返回错误

2 个答案: