nginx怎么配置主网站下单独一个静态页面的地址

主网站和新的静态页面都是用vue写的。比如域名是test.com,进入的是主网站，然后现在想要有一个单页部署到test.com/new/或者test.com/new.html,这个nginx应该怎么配置？
目前是这样的：

server
{
    index index.php index.html index.htm default.php default.htm default.html;
    root /www/test.com;
    location / {
        try_files $uri $uri/ /index.html;        expires 0;
    }
    
    location ^~ /new {
        root /www/test.com/;
        try_files $uri $uri/ /index.html;     
        index index.html;
    }
}

但new这个页面的css和js都404了