在Nuxt项目中使用Nginx

Nginx的好处

  • 性能:静态文件(CSS、JS)直接走Nginx读取,无需再走3000端口消耗node服务。请求接口走3000端口到node服务。总的来说可以为node服务节省一部分静态资源的性能。
  • 拓展性:为后期反向代理,负载均衡做准备。可在Nginx上配置转发多个node服务,实现全年365天*24小时无间隙服务器运转。

 

使用Nginx配置

静态文件走gzip压缩,在Nginx上配置。

server {
    listen       80; //ipv4
    listen  [::]:80; //ipv6
    server_name  localhost;
    gzip on; //开启gzip
    gzip_disable "msie6";

    gzip_comp_level 6;
    gzip_min_length 1100;
    gzip_buffers 16 8k;
    gzip_proxied any;
    gzip_types
            text/plain
            text/css
            text/js
            text/xml
            text/javascript
            application/javascript
            application/x-javascript
            application/json
            application/xml
            application/rss+xml
            image/svg+xml/javascript;
    location ~ ^/_next/static/  { //静态文件目录
            root    /usr/share/nginx/html/;
            expires 30d;
    }

    location / {
            proxy_pass   http://0.0.0.0:3000;
    }
}

 

上一篇:nuxt的使用(五)——后端项目规范2:提交规范


下一篇:javascript预加载任何不在chrome中工作的图像