JHipster应用程序中的浏览器缓存(NGINX+Spring Boot+VueJs)

Question

我使用JHipster(Spring Boot和VueJS(开发了一个应用程序，并将其放在NGINX后面，以将所有传入的80和443请求反向代理到8080端口。The Profile"；"戳"；使用哈希代码对所有资源进行后缀，以便只加载最新版本。我的问题是，每次部署后，页面都会显示得杂乱无章，看起来浏览器试图加载旧的css和js文件，但没有成功。硬重置(Shift+F5(后，将加载所有资源，并正确显示页面。但我不能要求每个用户在部署服务器后都按Shift+F5键。

非常感谢您为解决我的严重问题提供的任何帮助。

Answer 1

我最终得到了这个配置：

upstream api {
server 127.0.0.1:9000;
}
server {
server_name myserver.com      www.myserver.com;
access_log /var/log/nginx/reverse-access.log;
error_log /var/log/nginx/reverse-error.log;
gzip on;
gzip_types text/css application/javascript application/json image/svg+xml;
gzip_comp_level 9;
etag on;
proxy_redirect    off;
proxy_set_header  Host             $http_host;
proxy_set_header  X-Real-IP        $remote_addr;
proxy_set_header  X-Forwarded-For  $proxy_add_x_forwarded_for;
location /content {
proxy_pass http://api/content;
add_header Cache-Control max-age=31536000;
}
location /i18n {
proxy_pass http://api/i18n;
add_header Cache-Control max-age=31536000;
}
location /app {
proxy_pass http://api/app;
add_header Cache-Control max-age=31536000;
}
location /index.html {
proxy_pass http://api/index.html;
add_header Cache-Control no-cache;
}
location ^~ /.well-known/acme-challenge/ {
alias /var/www/acme-challenge/;
}
location / {
proxy_pass http://api;
try_files $uri $uri/ /index.html;
}
}