【新手】nginx配置请求接口问题

Question

网上练手项目github地址
如题，在网上找了个vue-cli练习vue及部署，通过npm run build得到dest文件，看大家说把dest部署上去就可以，但是该项目里面有接口，访问时接口返回200但是返回的内容是首页是怎么回事？该怎么配置nginx等？
配置文件：

    server {
        listen 80;
        server_name  test.cn;
        root /home/wwwroot/test/dist;
        index index.html;
        
        location / {
            try_files $uri $uri/ @fallback;
            index index.html;
            proxy_set_header   Host             $host;
            proxy_set_header   X-Real-IP        $remote_addr;
            proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
            proxy_set_header   X-Forwarded-Proto  $scheme;
        }
        
        location @fallback {
            rewrite ^.*$ /index.html break;
        }
         location /nginx_status
        {
            stub_status on;
            access_log   off;
        }

        location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
        {
            expires      30d;
        }

        location ~ .*\.(js|css)?$
        {
            expires      12h;
        }

        access_log  /home/wwwlogs/test.cn.log;
    }

Answer 1

nodejs 是纯静态界面吗,如果是使用nginx的root指令,指定文件夹就可以了

Answer 2

查看vue.config.js里面proxy配置的targrt地址，此处应该为开发服务器的地址，暂时可以看成是实际的地址，假设为http://10.10.10.1:8008

在nginx中配置

    location /xxx{
        proxy_pass http://10.10.10.1$request_uri;
    }

/xxx是请求前缀，如/api