tomcat 部署vue前端项目_vue项目直接部署在tomcat的某一个项目下,如何配置nginx?

前端用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.

要如何配置才能达到效果?

先谢谢各位!