Node Express 代理获取状态代码：404 Not Found 而不是 200 成功代码

Question

我的 server.js 文件如下所示：

const express = require('express');
const http = require('http');
const path = require('path');
//const request = require('request');
const app = express();
var cors = require('cors')
app.use(cors())

app.all('*', function(req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
    res.header("access-control-allow-credentials", "true"),
        // res.header("access-control-allow-methods", "GET, POST, PUT, DELETE, PATCH, OPTIONS"), 
        res.header("access-control-allow-methods", "GET, POST, PUT, DELETE, PATCH, OPTIONS"),

        next();
});

var corsOptions = {
    origin: 'http://localhost:8080',
    optionsSuccessStatus: 200
}

const port = process.env.PORT || 3001;

app.use(express.static(__dirname + '/dist/myApp'));

app.get("/*", (req, res) => res.sendFile(path.join(__dirname)));

app.post("/dashboard", cors(corsOptions), function(req, res) {
    console.log(req.headers); // the posted data
    console.log(req.query.module);
    res.sendStatus(200)
});

const server = http.createServer(app);

server.listen(port, () => console.log('Running......'));

当我执行 node server.js 并在浏览器中点击 http://localhost:3001/ 时，我得到了我在同一个文件中提到的 /dashboard 的页面。

但我收到状态代码：404 Not Found。 网络选项卡中显示的 URL 是 http://localhost:3001/student/allstudent。

我还应该改变什么？如果从 4200 端口的 proxy.conf.json 开始，它将正常工作。但现在我没有从 proxy.conf.json 开始，因为我正在启动节点 server.js。可以帮助我。我们是否应该为 express 提供任何代理与 Angular 节点服务器不同。

Answer 1

?这是我的文件夹结构示例：

/**
 * dist
 *   - myApp
 *     - index.html
 * src
 *   index.js
 * package.json
 */

在我的index.js 中，我在上面使用您的代码，但在您的app.get('/*') 中，我使用下面的代码进行更改?：

app.get("/*", (req, res) => res.sendFile(path.join(__dirname, '../dist/myApp', 'index.html')));

使用上面的代码?，它工作正常。

更新：为什么会出现错误？

?发送POST请求时出现404错误的原因是因为您的快递服务器中没有任何POST方法。

??‍?所以，例如，你可以添加与上面相同的路由，不要忘记将方法从GET更改为POST。

与POST方法相同的Route示例

app.post("/*", (req, res) => res.sendFile(path.join(__dirname, '../dist/myApp', 'index.html')));

所以，现在你有 1 条路线与 2 条方法相同，即GET 和POST，如下面的代码：

// route with GET METHOD
app.get("/*", (req, res) => res.sendFile(path.join(__dirname, '../dist/myApp', 'index.html')));
// route with POST METHOD
app.post("/*", (req, res) => res.sendFile(path.join(__dirname, '../dist/myApp', 'index.html')));

⏱ 现在，您可以再试一次，如果它与POST 方法一起使用并且您不需要GET 方法，那么您可以使用GET 方法删除那些.

希望对你有帮助。