[Vuejs]-Mixed content: This request has been blocked

by

0👍

Mixed content: This request has been blocked

this error mostly get because

you are using https://highrjobs.com domain which is https protocol and u are using some url inside your application which is not https

  apiURL: 'http://highrjobsadminlte.test/api',
  serverPath: 'http://highrjobsadminlte.test',

like this u need to move in to https

in this error

app.js:26402 Mixed Content: The page at ‘https://highrjobs.com/candidate/search’ was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint ‘http://highrjobsadminlte.test/api/candidate/search’. This request has been blocked; the content must be served over HTTPS.

you can clearly see server try to serve https://highrjobs.com/candidate/search this secure url this unsecured api http://highrjobsadminlte.test/api/candidate/search

so fix this u need to use https to your api url as well

hope i explained well

and your code should be

apiURL: 'http://highrjobsadminlte.test/api' to apiURL: 'https://highrjobs.com/api',

Thank you

-2👍

Sorry, I forgot to run npm run production before deploying. So my app.js file still had the old URL’s.

Leave a comment