vue-router设置了history模式，上线 Nginx部署 刷新404

前后端部署，vue+springboot，同一个服务器，后端就是jar包 ，由于刚学，对于部署这一块没有一点经验，欠缺一些知识，还请大家帮帮忙，谢谢！
百度了好几种办法都不行，真的不知道问题出在哪里？
只有刷新根目录时，是正确的，其他页面都是404，导航栏菜单点击没有问题，只有非根目录刷新出错！
版本是： "vue-router": "^3.5.2"
const router = new VueRouter({
  mode: 'history',
  routes: [ {
      path: '/home',
      component: layout,
      children: [{
        name: 'index',
        path: 'index',
        component: resolve => require(['@/views/Welcome'], resolve)
      }]
    }]
})
以下是Nginx配置：

img

这是部署后刷新的结果：

img

请求地址中带了 nginx 的端口了吗？8899

看不懂啊哥哥

新年快乐