nginx部署

因为vue-routerhashhistory不同的两种模式,使用不同的模式,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; // 重点
  }
}

关于缓存

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

分类: 前端

0 条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注