Google App Engine部署后访问index.html返回404，如何解决页面无法展示问题？

你遇到的404问题由两个常见配置错误导致，直接按下面步骤修改即可：

问题1：sendFile路径配置错误 #

你当前写的res.sendFile('/index.html')会读取服务器系统根目录下的index.html，自然找不到对应文件返回404。需要补全正确的项目路径，建议配合node内置path模块处理路径，避免跨系统兼容问题。

问题2：未配置静态资源托管 #

express默认不会自动托管项目内的静态文件，你index.html引用的js、css、图片等资源没有对应的路由规则，访问时也会返回404。

部署上传规则说明 #

Google App Engine部署时默认会上传整个项目目录下的所有文件，仅会排除.gcloudignore文件中标记的内容，默认规则仅排除node_modules、.git等开发环境文件，不会屏蔽你的index.html和业务js文件，不需要额外做上传配置，只要确认你没有手动把这些文件加到.gcloudignore里即可。 #

修改后的完整app.js代码： #

const express = require('express');
const path = require('path');
const app = express();

// 配置静态资源托管，根目录下的所有静态文件（html、js、css、图片等）都可以直接访问
app.use(express.static(__dirname));

app.get('/', (req, res) => {
  // 用path拼接绝对路径，确保能正确找到index.html
  res.sendFile(path.join(__dirname, 'index.html'));
});

const PORT = process.env.PORT || 8080;
app.listen(PORT, () => {
  console.log(`Server listening on port ${PORT}...`);
});

额外注意事项 #

• 先在本地运行npm start测试访问正常后再重新部署到GAE，能提前排查大部分路径问题
• 如果你的静态文件都放在单独的public目录下，把上面的__dirname改成path.join(__dirname, 'public')，同时把index.html也放到public目录中即可

内容的提问来源于stack exchange，提问作者Jacob F