前端用vue写的,用webpack打包后生成static文件夹和index.html,直接放在java项目的webapp目录下,

|--webapp

|--static
|--index.html
|--WEB-INF

这是目录结构,放在tomcat中,后端只写提供接口,不负责页面跳转,使用html5的history模式进行路由,但是nginx中不知道如何配置,以前java代码控制跳转配置如下:

server{ 
        listen 80;
        server_name www.xxx.com;
        access_log logs/app-vue.access.log combined;
        root /data/tomcat/webapps/app-vue;
        location /
        {  
                proxy_set_header X-Real-IP $remote_addr;
                proxy_set_header X-Forwarded-Host $host;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                #try_files $uri $uri/ /index.html; 
                proxy_pass http://127.0.0.1:8080/app-vue/;
        }
     }

这样导致如果刷新连接就会访问java后台的controller,简介导致404错误,看了官方文档需要nginx配置文件中添加

try_files $uri $uri/ /index.html; 

配置文件中注释掉的那一部分,但是配置之后,就无法访问了,nginx直接报500.

要如何配置才能达到效果?
先谢谢各位!