Question
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
- LaravelNginxUbuntuVue.js
Asked by d02e0b7b59c2429cb46fcbb782
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:
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