Laravel vite deployment not working

Hello,

I am deploying a website that I created with laravel 9 and vite. I run npm run build in my development server and then transfer the files over ftp to the production server, however, the @ vite directive doesn`t work and it links the files to 127.0.0.1:5173 and not the servers url. How can I fix this?

How I call the @ vite directive:

@viteReactRefresh
@vite(['resources/sass/app.scss', 'resources/js/index.tsx'])

How it renders in HTML

<script type="module" src="127.0.0.1:5173/@vite/client"></script>
<link rel="stylesheet" href="127.0.0.1:5173/resources/sass/app.scss" />
<script type="module" src="127.0.0.1:5173/resources/js/index.tsx">

The error I get on production:

GET 127.0.0.1:5173/resources/sass/app.scss net::ERR_CONNECTION_REFUSED

vite.config.js:

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

export default defineConfig({
    plugins: [
        react(),
        laravel({
            input: [
                'resources/sass/app.scss',
                'resources/js/index.tsx',
            ],
            refresh: true,
        }),
    ],
});