因为vue-router有hash和history不同的两种模式，使用不同的模式，nginx的配置不同，hash模式下，不需要改动，只需要部署你的前端文件就可以了，所以这里只讨论history模式下.conf文件的修改

修改/etc/nginx/site-available/*.conf

server {
  listen  80;
  server_name  test.com;
  gzip on;
  location / {
    add_header Cache-Control 'private, no-store, max-age=0';
    root  /var/www/html;
    index  index.html; 
    try_files $uri $uri/ /index.html;
  }
}

关于缓存

前端项目的静态文件常常会被浏览器缓存，而项目编译后，js，css，图片等实际上是已经有hash值来去除了缓存，但是项目更新后，仍然会出现缓存问题，这是由于我们的项目整个入口都是在index.html文件上，浏览器实际是缓存了我们的html页面，所以我们要在nginx中告诉浏览器，html文件不被缓存。