如何在Express中发送标头[意思]

问题描述

我是快递的初学者。因此，我可能没能恰当地构思这个问题。我已经创建了一个普通的应用程序，其中我分隔了frontend和backened。前台运行于port:4200，服务器运行于port:3000。作为部署的一部分，我希望在同一端口上同时运行前端和后端。我收到MIME类型错误，有人告诉我我的服务器环境有问题。也许我没有正确发送标题。以下是我的代码：我在代码中将尝试过的解决方案作为<----TRIED THIS

提到

server.js

const express = require('express');
express.static.mime.define({'application/javascript': ['js']}); <----TRIED THIS

const bodyParser = require('body-parser');
const path = require('path');

// express.static.mime.define({'application/javascript': ['js']}); <----TRIED THIS

const api = require('./routes/api');

const PORT = 3000;
const app = express();

app.use(express.static(path.join(__dirname, 'dist')));
app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json());

app.use('/api', api);

app.get('/', function(req, res) {

  // res.send('Hello from the server'); <----TRIED THIS
  // res.writeHead(200, {'Content-Type': 'text/html'}); <----TRIED THIS
  // res.set('Content-Type', 'text/plain'); <----TRIED THIS
  // res.setHeader("Content-Type","application/json"); <----TRIED THIS

  res.sendFile(path.join(__dirname, 'dist/application/index.html'));
})
app.listen(PORT, function() {
  console.log('Server listening on PORT '+PORT);
});

api.js例如，我向您展示的仅是GET函数

const express = require('express');
const router = express.Router();
const mongoose = require('mongoose');
const db = <my db string>;
const jwt = require('jsonwebtoken');

mongoose.connect(
 ...
)

function verifyToken(req, res, next) {
 ...
}

router.get('/myarticles', (req, res) => {
  var person="Tanzeel Mirza";
  console.log('Get request for tanzeel articles');
  Article.find({contributor: person}, (error, article) => {
    if(error) {
      console.log(error)
    }
    else {
      if(!article) {
        res.status(401).send('Invalid email')
      }
      else if(2>4) {
        console.log("test passed");
      }
      else {
        res.json(article);
      }
    }
  })
})

module.exports = router;

但我还是得到了

请纠正我。

PS：我针对MIME错误here提出了单独的问题。但没有答案。

应用程序

由于您的资产位于dist/推荐答案文件夹中，因此请使用app.use(express.static(path.join(__dirname, 'dist/application')));

要匹配所有Web应用程序路由，请使用app.get('*', function(req, res) { res.sendFile(path.join(__dirname, 'dist/application/index.html'));})。

这是一条通用路线，只有在Express找不到任何其他路线并且始终提供index.html时才会采取行动。例如，任何有效的/api路由永远不会到达此处理程序，因为有一个特定的路由来处理它。

server.js的最终代码

const express = require('express');
const bodyParser = require('body-parser');
const path = require('path');


const api = require('./routes/api');

const PORT = 3000;
const app = express();

app.use(express.static(path.join(__dirname, 'dist/application')));
app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json());

app.use('/api', api);

app.get('*', function(req, res) {
  res.sendFile(path.join(__dirname, 'dist/application/index.html'));
})

app.listen(PORT, function() {
  console.log('Server listening on PORT '+PORT);
});

有几点不能。

要提供静态文件，您不需要手动设置任何标头。Express在您使用express.static中间件功能设置为静态目录的文件夹(在您的例子中为dist文件夹)中查找文件。Express还根据文件扩展名设置响应头。

因此，您的代码中不再需要express.static.mime.define。

在您的例子中，您已经定义了app.use(express.static(path.join(__dirname, 'dist')));，它侦听dist文件夹中的静态文件。在这个app.use命令中，您没有使用挂载路径，这意味着所有请求都将通过静态中间件。如果中间件在dist文件夹中找到具有相同名称、路径和扩展名的资产，它将返回该文件，否则请求将传递到其他路由处理程序。

另外，如果您使用的是静态中间件，只要dist文件夹(dist文件夹的直接子文件夹)中存在index.html，您的"/"路由处理程序就永远不会被调用，因为响应将由中间件提供服务。

如果dist文件夹(dist的直接子文件夹)中没有索引html文件，但它位于dist的子文件夹中的某个位置，并且您仍然需要使用根路径"/"访问它，则只有这样您才需要路径"/"的路由处理程序，如下所示。

app.get("/", function(req, res) {
  res.sendFile(path.join(__dirname, "dist/application/index.html"));
});

dist/application/index.html中使用"./"引用的JS文件是相对于dist文件夹本身和非dist/application文件夹引用的。

您可以参考此REPL获取更新的代码👉。https://repl.it/repls/SoreFearlessNagware

尝试以下URL

/api/myarticles-由"/api"路由处理程序呈现

/api/myarticles.js-由静态资产中间件呈现，因为文件存在于dist/api文件夹

/-使用"/"路由处理程序和res.sendFile呈现，因为dist文件夹中不存在index.html。

/test.js-使用静态中间件呈现，因为文件存在于dist文件夹

其他链接以供参考。

https://expressjs.com/en/api.html#res.sendFile

https://expressjs.com/en/starter/static-files.html

这篇关于如何在Express中发送标头[意思]的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！