Npm run prod with Laravel Mix and localhost:8080

Question

I would like to know how I can use APP_URL from my .env file in the layout. Currently, I have the following.

<!-- Styles -->
<link rel="stylesheet" href="{{ asset(mix('css/styles.css')) }}">
<!-- Javascript -->
<script src="{{mix('js/app.js')}}"></script>

webpack.mix.js

const mix = require('laravel-mix');
const tailwindcss = require('tailwindcss');

// Styles
mix.sass('resources/scss/styles.scss', 'public/css')
.options({
    postCss: [ tailwindcss('./tailwind.config.js') ],
});

// Javascript [Dashboard]
mix.js('resources/js/app.js', 'public/js/app.js')
.vue();

However, when I run npm run prod and push on my server, the layout would always load like the following.

GET https://localhost:8080/css/styles.css net::ERR_CONNECTION_REFUSED2023:19 
GET https://localhost:8080/js/app.js net::ERR_CONNECTION_REFUSED

I set in my .env:

APP_URL=myurl.com

But the website would like to load localhost:8080 again. I use laravel-mix 6.0.27

change your `APP_URL` to production domain before running `npm run prod` — Joseph, Oct 11 '21 at 15:57
thank you for your answer @Joseph ! I have same result when I change the APP_URL and execute after npm run prod. — Jérémie Chazelle, Oct 11 '21 at 16:09

Karl Hill · Answer 1 · 2021-10-12T03:20:36.390

0

After updating APP_URL (or any other environment variables) in the .env file, it's necessary to clear the config cache to use the new values within the application.

php artisan config:clear

edited Oct 12 '21 at 03:20

answered Oct 12 '21 at 01:29

Karl Hill

12,937
5
58
95

Thank you @Karl for your answer. I tried php artisan config:clear, but same problem. – Jérémie Chazelle Nov 02 '21 at 08:50

Npm run prod with Laravel Mix and localhost:8080

1 Answers1