Question

我在子域中提供了一系列在AWS上运行的无服务器next.js应用程序，我想将它们代理到我的主域中的子目录中。因此，例如，foo.example.com/foo/处的应用应显示在www.example.com/foo/处。

我已经通过使用http-proxy和express实现了此目的。我有一个相当简单的快递服务器，可以在其自己的无服务器应用程序中运行，就像这样：

const serverless = require('serverless-http');
const httpProxy = require('http-proxy');
const express = require('express');
const app = express();

const proxy = httpProxy.createProxyServer();

app.get('/', (req, res) => {
  res.send('Hello, you are at index.');
});

app.get('/:project/*', (req, res) => {
  const project = req.params.project;
  const rest = req.params[0];
  const url = `https://${project}.example.com/${project}/`;

  req.url = `/${rest}`;
  req.headers['X-Projects-Router-Proxy'] = true;
  req.body = undefined;

  proxy.web(req, res, {
    target: url,
    xfwd: false,
    toProxy: true,
    changeOrigin: true,
    secure: true,
  });
});

module.exports.handler = serverless(app);

单独运行效果很好，很棒。但是，当我尝试将其放置在CloudFront之后时，索引页可以正常工作，但是任何与代理相关的操作都会返回403错误：

403 ERROR
The request could not be satisfied.
Bad request. 
Generated by cloudfront (CloudFront)

这里可能出了什么问题，如何配置http-proxy以使其与CloudFront配合使用？

Answer 1

您需要将* .example.com添加到CloudFront CNAME /备案文件中，并且还要在DNS中将其指向CloudFront，当url更改为{project} .example.com时，CloudFront会根据主机头查找分配如果找不到，则会显示403错误。

http-proxy到cloudfront会导致403错误

1 个答案: