Question

Laravel/Vuejs app is showing blank page with GET https://ip-address/css/app.css net::ERR_CONNECTION_REFUSED error on console

I followed through one of the tutorials on deployment of laravel app here and was able to deploy my laravel app. Laravel is used as backend while vuejs handles the front end. I also installed nodejs (v16), then did npm install and then npm run prod. However, my app shows a blank page on the browser and some errors on the console.

GET https://ip-address/css/app.css net::ERR_CONNECTION_REFUSED

GET https://ip-address/js/app.js net::ERR_CONNECTION_REFUSED

GET https://ip-address/images/assets/relicon.png net::ERR_CONNECTION_REFUSED

this seems to be a problem with my js compilation but i have not been able to figure out the issue. Any help will be greatly appreciated.

Submit an answer

This textbox defaults to using Markdown to format your answer.

You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!

Sign In or Sign Up to Answer

These answers are provided by our Community. If you find them useful, show some love by clicking the heart. If you run into issues leave a comment, or add your own answer to help others.

Bobby Iliev • November 13, 2022

Hi there,

It looks like that you are accessing your static assets via HTTPS and your IP address, however you most likely do not have an SSL installed so Nginx is not listening on port 443.

What you need to do is either:

  • Change your APP URL to HTTP rather than HTTPS so that your assets could load via HTTP as normal
  • Add a domain name and install an SSL certificate so that you could use HTTPS

You can follow the steps here on how to get a free domain name for your Laravel project.

And then once you have a domain name, you can follow the steps here on how to get a free SSL certificate:

https://www.digitalocean.com/community/tutorials/how-to-secure-nginx-with-let-s-encrypt-on-ubuntu-20-04

Best,

Bobby