使用Nginx的服务器端呈现输出HTML字符串

Question

我有一个vue-ssr项目，而不是使用nuxt.js。服务器是express。

工程在3000港进行。

当不使用nginx时，访问ip:3000时，页面的运行良好。

当使用nginx访问我的域时，我仍然可以获得字符串，但是没有呈现，如下所示：

(我没有发布图片的美誉。)

html strings.png

请求和响应标题如下：

请求和响应headers.png

下面是我的nginx配置：

server {
  server_name mydomain;
  root /my/path;
    location / {
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header Host $http_host;
    proxy_set_header X-NginX-Proxy true;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "upgrade";
    proxy_pass http://localhost:3000;
    proxy_redirect off;
  }
}

我尝试过在nuxt.js文档中引入的配置，但也没有起作用。

Answer 1

如果删除nosniff头修复了这个问题，这将表明由于某种原因，express没有在您的响应中发送正确的mime类型。

您可以通过直接点击express并检查它返回的标题来检查这一点，例如：

curl -D - -o /dev/null http://localhost:3000

如果它没有返回text/html，这可能是一个迹象，表明您无意中破坏了应用程序代码中的默认mime类型。