被定向到 html 页面时无法从 express nodejs 服务器获得响应

Question

单击 public/index.html 中的按钮时，我被定向到 game.html，但它没有显示任何响应。它说This site can’t provide a secure connection: localhost sent an invalid response. 当我转到 localhost:3000 并单击按钮后，我被引导到 game.html，但服务器没有加载该页面。

public/index.html

<!-- HTML -->
<button class="w3-button w3-hover-black"> </button>

<!-- JavaScript -->   
<script>
  var buttons=  document.getElementsByClassName('w3-button w3-hover-black');
  for(i=0;i<buttons.length;i++){
    buttons[i].onclick = function(){
    window.location.href = "http://localhost:3000/game.html";
   }
 }
</script>

public/game.html

 <div id = "gameDiv"></div>
 <script src = "/socket.io/socket.io.js"></script>
 <script src = "lib/phaser.min.js"></script>
 <script src = "main.js"></script>
 <script src = "player.js"></script>   

服务器/server.js

var app = express();
const port = process.env.PORT ||3000 ;
const pathjoin = path.join(__dirname, '../public'); 
const pathjoin1 = path.join(__dirname,'../public/game.html');
var server = http.createServer(app);

app.use(express.static(pathjoin));

app.get('/game.html',(req,res)=>{
  res.sendFile(pathjoin1);
});

var io = socketIo(server);

io.on('connection',(socket)=>{
  console.log('user connected ' + socket.id);
});

Answer 1

你想要的是 res.render:some docs

一个例子：

const staticPath = path.join(__dirname, '../public');
app.use(express.static(staticPath));

app.get('/game.html',(req, res) => {
  res.render('game.html');
});