Laravel+vue-cli 前后端在 nginx 分离部署问题

请教朋友们，我分别建了vue-cli项目和laravel项目，现在将它们放到服务器上的/var/www/dist和/var/www/blog目录下。这是我vue项目的配置：

server {
    listen 80; 
    server_name _;
    root /var/www/dist;

    index index.html index.htm;

    location / {
        try_files $uri $uri/ /index.php?$query_string;
    }

}

然后我选择用另一个端口（8080）来访问laravel项目：（我在防火墙打开了8080端口）

server {
    listen 8080;
    server_name _;
    root /var/www/blog/public;

    add_header X-Frame-Options "SAMEORIGIN";
    add_header X-XSS-Protection "1; mode=block";
    add_header X-Content-Type-Options "nosniff";

    index index.html index.htm index.php;

    charset utf-8;

    location / {
        try_files $uri $uri/ /index.php?$query_string;
    }

    location = /favicon.ico { access_log off; log_not_found off; }
    location = /robots.txt  { access_log off; log_not_found off; }

    error_page 404 /index.php;

    location ~ \.php$ {
        fastcgi_pass unix:/var/run/php/php7.2-fpm.sock;
        fastcgi_index index.php;
        fastcgi_param SCRIPT_FILENAME $realpath_root$fastcgi_script_name;
        include fastcgi_params;
    }

    location ~ /\.(?!well-known).* {
        deny all;
    }

}

最后，就能通过“我的ip”访问vue前端，通过“我的ip:8080/api/...”访问laravel的接口了。
但是我感觉这个配置方法不大对劲，感谢热心人士为我指出～