使用Nginx加载静态文件时,TTFB为6+秒

时间:2018-09-03 03:02:35

标签: nginx vue.js webpack

我正在使用Vue-cli作为前端,并使用webpack构建静态文件。

nginx配置为:

server {
   listen       80;
    server_name  127.0.0.1;
    location / {
        root   /var/www/project/dist;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html;
    }
    location ^~/api/ { proxy_pass http://127.0.0.1:5438/api/; }
 }

dist文件是

    dist/
    ├── [1.1K]  favicon.ico
    ├── [ 901]  index.html
    └── [441K]  static
       ├── [229K]  css
       │   ├── [189K]  app.0134d2dda560ad06a1485c5f69858798.css
       │   └── [ 36K]  app.0134d2dda560ad06a1485c5f69858798.css.gz
       ├── [ 15K]  fonts
       │   └── [ 11K]  element-icons.6f0a763.ttf
       └── [193K]  js
           ├── [ 53K]  app.ce2c95e6433bd8164fc4.js
           ├── [ 18K]  app.ce2c95e6433bd8164fc4.js.gz
           ├── [ 799]  manifest.2ae2e69a05c33dfc65f8.js
           ├── [ 88K]  vendor.78ce98b3a34633bdf003.js
           └── [ 29K]  vendor.78ce98b3a34633bdf003.js.gz

当我访问它时,manifest.js的TTFB超过6秒,因此加载第一个屏幕的速度相当慢。如何改善呢?

0 个答案:

没有答案