Report this

What is the reason for this report?

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

Posted on June 29, 2022

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.



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!

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.

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

The developer cloud

Scale up as you grow — whether you're running one virtual machine or ten thousand.

Start building today

From GPU-powered inference and Kubernetes to managed databases and storage, get everything you need to build, scale, and deploy intelligent applications.

Dark mode is coming soon.