Question

好吧，我在VPS（ovh.com）上安装了Nginx 然后我将所有文件放入/ root / directory_site 然后我设置了nginx的配置：

server {
    listen 80;
    server_name 54.38.184.210;
    location / {
        proxy_pass http://54.38.184.210:3000;
        proxy_buffering off;
 }
}

现在我有2个问题

第一个：前往http://54.38.184.210/之后它的加载时间太长了！就像在我在网站上看到任何东西之前的5到6秒钟之前，我只能看到索引标题，我认为这可能是proxy_pass问题，但我不知道如何解决它。这样长的站点无法加载，服务器运行很快，而且我的连接也是如此！（只有在您初次尝试时，它的加载时间如此长，所以也许它与缓存有关？）

第二个：我在控制台中遇到了这样的错误： [WDS]已断开连接！这到底是什么？我以前从未在本地服务器上拥有它！

那是什么问题？我使用“ npm run dev”启动我的网站您可以尝试访问该网站，因为它需要很长时间才能开始加载任何内容，这是哪里出了问题？请帮帮我！

Answer 1

WDS是webpack-dev-server，请不要在生产中使用开发工具。

为什么您在本地快速处理？因为最重的文件bundle.js从本地主机加载到浏览器，因此您可以在本地加载许多Mb，然后再开始变长。

值得骄傲的是，尽管您需要通过速度较慢的Internet加载bundle.js。这就是为什么好的做法是将bundle.js制作为2Mb以下的原因，以及为什么在生产环境中将bundle.js简化为最小化过程的原因。不仅代码，而且诸如图像之类的资产也必须压缩，否则您将加载所有这些超长的时间。

当许多软件包使用环境变量NODE_ENV = production构建时，它们还有其他优化。因此，请使用uglifyjs之类的缩小工具来压缩您的资产，并且不要在生产中使用任何开发工具/软件包。

Answer 2

您直接在public class MyDbContext : DbContext { protected override void OnModelCreating(ModelBuilder builder) { base.OnModelCreating(builder); foreach(var entity in builder.Model.GetEntityTypes()) { foreach(var property in entity.GetProperties()) { property.Relational().ColumnName = property.Relational().ColumnName.Replace("_", String.Empty); } } } }附近托管网站。这很不好，您应该立即删除它。如果使用的是webpack-dev-server，则需要制作生产构建并使用命令npm run build正确部署它。这样做可以解决两个问题。

Webpack Dev Server仅用于开发目的，并为您的应用程序增加了额外的膨胀，使其更易于调试。不应将其用于实时服务器。

Reactjs + Nodejs + Nginx-网站加载时间很长

2 个答案: