Laravel environment variable in vue component

Question

I'm having a problem getting the correct value for an environment variable I have set. I am working on a localhost with valet. This specific domain is configure for ssl (valet secure), and the URL I am on also shows the certificate and correct URL.

I have the following in my .env file:

APP_URL=https://pad.eppo
MIX_APP_URL=${APP_URL}

I then call on this in my Vue component:

console.log("Environment URL: " + process.env.MIX_APP_URL);

Expected result:

https://pad.eppo

Result:

http://pad.eppo

There is no cache or cookies involved. Both have been cleared to double check. I have recompiled using npm run watch, since this is necessary when changing the variables. I am out of ideas as to why this problem exists. It is a big problem since my axios requests give errors on this.

Any help is much appreciated.

lin · Accepted Answer · 2020-04-15 08:50:49Z

1

Force HTTPS in your Laravel application:

URL::forceScheme('https');

Add this line at the begin of your web.php file. In that way ${APP_URL} will be returned with HTTPS protocol.

Also ensure your config is not cached - run:

php artisan config:clear

edited Apr 15, 2020 at 8:50

answered Apr 13, 2020 at 14:02

lin

18.5k4 gold badges66 silver badges88 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

nepp95 Over a year ago

Hello, unfortunately this doesn't work either. Also when I view my env in the terminal, it shows the variable without https. It must be cached somewhere I believe, but where..

lin Over a year ago

@nepp95 Did you cached your config? Run php artisan config:clear.

Collectives™ on Stack Overflow

Laravel environment variable in vue component

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related