nginx 作为web服务器刷新404

之前用nginx 作为服务器部署vue项目，部署玩后，点菜单进入功能界面没有问题，但是当你刷新浏览器或者在浏览器地址回车就会404，在网上看了很多，增加try_files $uri $uri/ /index.html,代码如下：

server {
    listen    80; #监听80端口
    server_name localhost;


    
    localhost / {
        root /xxxx/xxx/xxx; #你项目在系统中的路径
        try_files $uri $uri/ /index.html
        index index.html index.htm;
    }

}

试了一下神奇的问题出现了，在浏览器输入ip会进入一个默认界面，同学们都知到吧，除了这个界面，其他的刷新都没有404了，就这个还有。最后又百度了一堆，试了很多，比如把404定位到默认页面啥的，我这里都不管用，最后我单独给这个默认的地址加了个配置。比如我输入localhost：8080 ，会跳转到localhost：8080/main这个界面，配置如下：

server {
    listen    80; #监听80端口
    server_name localhost;

    root /xxxx/xxx/xxx; #你项目在系统中的路径
    index index.html index.htm;
    
    localhost / {
        try_files $uri $uri/ /index.html
    }

    localhost /main {
        try_files $uri $uri/ /index.html
    }

}