Question

我听说您最好从NGINX或其他服务器而不是Node.js应用服务器提供静态资产。

我有一个单页面应用程序，在生产模式下，只从索引页面提供一个优化的.js文件，从那里开始，服务器只向客户端提供JSON API。

因此，根据我收集的信息，从静态资产服务器提供一个.js文件是个好主意。

以下是客户端点击我的应用网址时提供的第一个也是唯一一个HTML文件：

<!DOCTYPE html>
<html>
<head>

    <!-- stylesheets-->
    <link href="/static/css/bootstrap/bootstrap-notify.css" rel="stylesheet">

</head>

<body>

<main>
    <div name="main-div" id="main-div-id"></div>
</main>

<% if(env === 'development') {%>

<script data-main="/static/app/js/main" src="/static/vendor/require.js"></script>

<% } else { %> 

<script src="/static/app/optimized/optimized.js"></script>

<% } %>


</body>
</html>

所以我的问题是，如何配置此标准应用程序以要求NGINX的optimized.js文件？是否像放置NGINX服务器资产的URL一样简单？有人有这方面的好例子吗？

Answer 1

如果您的NGINX服务器与您的应用运行的服务器位于同一服务器上，则无需更改网址，您可以在/etc/nginx/conf.d/yoursitename.conf中使用此配置告知NGINX直接从文件夹中查找静态文件，而不是通过nodejs app路由器。

upstream someservice.somedomain.com {
    # port where you have the app runing on the machine
    server 127.0.0.1:3000;
}

server {
    listen 80;
    server_name someservice.somedomain.com someservice.somedomain;
    client_max_body_size 10M;

    location ~* ^.+\.(jpg|jpeg|gif|png|ico|css|zip|tgz|gz|rar|bz2|pdf|txt|tar|wav|bmp|rtf|js|flv|swf|html|htm|ps|woff|svg)$ {
      expires modified +7d;
      # static files path
      root   /home/projectfolder/public/;
    }

    location / {
      proxy_set_header X-Real-IP $remote_addr;
      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_pass http://someservice.somedomain.com/;
      proxy_redirect off;
    }
 }

将RequireJS主要优化文件作为NGINX的静态资产提供服务

1 个答案: