First of all, please know that I am new to Laravel + VueJS + Vuetify, ie. barely a few days old. I have a web application originally developed and setup by a remote developer, that works perfectly on my local development machine but when I pushed it to the staging site, I am getting the following error in the console.

> 
> VM38:1 Mixed Content: The page at '<https://staging.mywebsite.com/>' was loaded over HTTPS,but requested an insecure XMLHttpRequest endpoint '<http://staging.mywebsite.com/api/v1/auth/check>'. This request has been blocked; the content must be served over HTTPS.
> 
> 
> 

I have no idea what I need to change to make this work on both local, staging and production sites as the original remote developer is not much help and almost impossible to contact. Please provide as much detail as you can, eg. absolute path of the files that needed to be changed, etc... so I can do this myself.

Below are code snippets in config files that I assumed are used by the framework for this purpose.

**.env file**

```
APP_ENV=local
APP_URL=http://localhost
...
...
APP_DOMAIN=localhost
APP_API="/api/v1"
MIX_APP_DOMAIN="${APP_DOMAIN}"
MIX_APP_API="${APP_API}"

```

**config/app.php**

```
'env' => env('APP_ENV', 'production'),
'url' => env('APP_URL', 'http://localhost'),

```