vue-cli的pwa模板，生产环境的nginx配置该怎么写？

Question

vue-router的history模式要求写成

location / {

  try_files $uri $uri/ /index.html;

}

vue-cli的pwa模板的文档要求配置一些有关缓存的选项

location ~ (index.html|service-worker.js)$ {

  # ...

  add_header Last-Modified $date_gmt;

  add_header Cache-Control 'no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0';

  if_modified_since off;

  expires off;

  etag off;

}

对nginx并不熟悉，我把这两个都写上的时候，似乎只能生效一个，求指点应该怎么写

Answer 1

try_files $uri $uri/ /index.html;写到server块就行比如try_files $uri $uri/ /index.html;location / {  try_files $uri $uri/ /index.html;}location ~ (index.html|service-worker.js)$ {  # ...  add_header Last-Modified $date_gmt;  add_header Cache-Control 'no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0';  if_modified_since off;  expires off;  etag off;}