Vite server - error_connection_refused

I have a Vue component I am serving through Inertia. When I run npm run dev and check it out in the browser, I get the following in the console

Failed to load resource: net::ERR_CONNECTION_REFUSED :5173/resources/js/app.js:1 Failed to load resource: net::ERR_CONNECTION_REFUSED :5173/resources/js/Pages/showpost.vue:1 Failed to load resource: net::ERR_CONNECTION_REFUSED However, when I run npm run build everything works fine. I am using Homestead to serve the page. What's wrong? vite.config.js

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import vue from '@vitejs/plugin-vue';

export default defineConfig({
    server: {
        host: 'blog.test',
        https: false,
        cors: false,
        hmr: {
            host: 'blog.test'
        }
    },
    plugins: [
        laravel({
            input: 'resources/js/app.js',
            refresh: true,
        }),
        vue({
            template: {
                transformAssetUrls: {
                    base: null,
                    includeAbsolute: false,
                },
            },
        }),
    ],
});

showpost.vue

<template>
    <h1>{{post.title}}</h1>
    <small>(posted by {{post.user.name}} at {{post.created_at}} in {{post.blog.title}}</small>
    <hr />
    {{post.body}}
</template>

<script>
    export default {
       props: ['post']

    }
</script>

PostController.php

<?php

namespace App\Http\Controllers;

use App\Models\Post;
use Illuminate\Http\Request;

class PostsController extends Controller
{
    public function show(Post $post): \Inertia\Response|\Inertia\ResponseFactory
    {

        return inertia('showpost')->with(['post' => $post]);
    }
}