Using nginx to deploy a vue project has been reporting errors

using nginx to deploy vue projects has been reporting errors all the time, which has been bothering me for several days. Does any god know why?
here is my nginx configuration:

import Vue from "vue"
import Router from "vue-router"
import HelloWorld from "@/components/HelloWorld"
import DefaultPage from "@/components/DefaultPage"

Vue.use(Router)

export default new Router({
  mode: "history",
  routes: [
    {
      path: "/",
      name: "HelloWorld",
      component: HelloWorld
    },
    {
      path: "*",
      name: "DefaultPage",
      component: DefaultPage
    }
  ]
})

nginx error message:

2018/07/02 14:26:01 [error] 5-sharp5: *25 rewrite or internal redirection cycle while redirect to named location "@rewrites"

Vue-router nginx

Mar.23,2021

location @rewrites {
        rewrite ^(.+)$ /index.html last;
    }

you don't need this paragraph

H5 routing will do try_files $uri $uri/ / index.html = 404;

server {
    listen 80;
    server_name xxx.cn;
    access_log /var/log/nginx/access.log;
    error_log /var/log/nginx/error.log;
    
    location / {
        root /home/u/depolyfile/deploy;
        index index.html index.php index.htm;
        try_files $uri $uri/ /index.html =404;
    }
    
    error_page 500 502 503 504 /50x.html;
    
    location = /50x.html {
        root /usr/share/nginx/html;
    }
    
    location ~ /\.ht {
        deny all;
    }
}

Previous: The strange problem of mysql leftjoin

Next: How http POST routes pass parameters in url