Thursday, March 26, 2020

Deployed (on server) Django 3 project doesn't sees static files

#Deployed #Django3 #not #loands #static #files Deployed (on server) Django 3 project doesn't sees static and css files(whole static folder), the local on development machine works perfectly.

The guide that I have followed is [this](https://www.digitalocean.com/community/tutorials/how-to-set-up-django-with-postgres-nginx-and-gunicorn-on-ubuntu-18-04).

- I have et up a Digital ocean droplet with ubuntu 18.04

- my static files can be found here

STATICFILES_DIRS = [os.path.join(BASE_DIR, 'mymainapp/static/')] #STATIC_ROOT = os.path.join(BASE_DIR, 'static') # Removed based [on](https://stackoverflow.com/questions/60354519/django-base-html-extended-to-homepage-html-static-images-appear-but-home-css-d) STATIC_URL = '/static/' MEDIA_ROOT = os.path.join(BASE_DIR, 'mymainapp/media') MEDIA_URL = '/media/' 

- Than all the other staff with Postgres, Nginx, and Gunicorn as in the [guide](https://www.digitalocean.com/community/tutorials/how-to-set-up-django-with-postgres-nginx-and-gunicorn-on-ubuntu-18-04)

- but the static files (image, SVG, css, files doesn't load in)

- I have my bootstrap CSS files downloaded to local directory

- The website is online and if I press F12 in chrome it puts out the following error messages (turning ```DEBUG = True``` does not deliver any more error messages or error page)

Failed to load resource: the server responded with a status of 404 (Not Found) homepage03_comp.png:1 Failed to load resource: the server responded with a status of 404 (Not Found) logo_03c_small.png:1 Failed to load resource: the server responded with a status of 404 (Not Found) jquery.min.js:1 Failed to load resource: the server responded with a status of 404 (Not Found) bootstrap.min.js:1 Failed to load resource: the server responded with a status of 404 (Not Found) popper.min.js:1 Failed to load resource: the server responded with a status of 404 (Not Found) tiktok_col.svg:1 Failed to load resource: the server responded with a status of 404 (Not Found) instagram_col.svg:1 Failed to load resource: the server responded with a status of 404 (Not Found) twitch_col.svg:1 Failed to load resource: the server responded with a status of 404 (Not Found) twitter_col.svg:1 Failed to load resource: the server responded with a status of 404 (Not Found) youtube_col.svg:1 Failed to load resource: the server responded with a status of 404 (Not Found) facebook_col.svg:1 Failed to load resource: the server responded with a status of 404 (Not Found) bootstrap.min.js:1 Failed to load resource: the server responded with a status of 404 (Not Found) mobile_features_large_compressed.png:1 Failed to load resource: the server responded with a status of 404 (Not Found) creator_platforms_comp.png:1 Failed to load resource: the server responded with a status of 404 (Not Found) creator_sm_comp.png:1 Failed to load resource: the server responded with a status of 404 (Not Found) reoccuring_f.svg:1 Failed to load resource: the server responded with a status of 404 (Not Found) stripe_f.svg:1 Failed to load resource: the server responded with a status of 404 (Not Found) customerchat.php?app_id=&attribution=setup_tool&channel=https%3A%2F%2Fstaticxx.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D46%23cb%3Df2ca0722231e688%26domain%3D159.65.234.146%26origin%3Dhttp%3A%2F%2F159.65.234.146%2Ff167133a445f9a4%26relation%3Dparent.parent&container_width=0&locale=en_US&page_id=2172253486430236&sdk=joey:1 Failed to load resource: the server responded with a status of 500 () paypal_f.svg:1 Failed to load resource: the server responded with a status of 404 (Not Found) googleads1_f.svg:1 Failed to load resource: the server responded with a status of 404 (Not Found) googlepay_f.svg:1 Failed to load resource: the server responded with a status of 404 (Not Found) amazon_f.svg:1 Failed to load resource: the server responded with a status of 404 (Not Found) bitcoin_f.svg:1 Failed to load resource: the server responded with a status of 404 (Not Found) logo_02_Background.png:1 Failed to load resource: the server responded with a status of 404 (Not Found) shirts_f.svg:1 Failed to load resource: the server responded with a status of 404 (Not Found) message_f.svg:1 Failed to load resource: the server responded with a status of 404 (Not Found) sopnsor2_f.svg:1 Failed to load resource: the server responded with a status of 404 (Not Found) socialmedia_f.svg:1 Failed to load resource: the server responded with a status of 404 (Not Found) combinedbarnad_f.svg:1 Failed to load resource: the server responded with a status of 404 (Not Found) applepay_f.svg:1 Failed to load resource: the server responded with a status of 404 (Not Found) check.svg:1 Failed to load resource: the server responded with a status of 404 (Not Found) feature_description_laptop_cut.png:1 Failed to load resource: the server responded with a status of 404 (Not Found) self_image_comp.png:1 Failed to load resource: the server responded with a status of 404 (Not Found) reddit_col.svg:1 Failed to load resource: the server responded with a status of 404 (Not Found) linkedin_col.svg:1 Failed to load resource: the server responded with a status of 404 (Not Found) collie_2_comp.jpg:1 Failed to load resource: the server responded with a status of 404 (Not Found) bootstrap.min.css:1 Failed to load resource: the server responded with a status of 404 (Not Found) DevTools failed to parse SourceMap: chrome-extension://hnmpcagpplmpfojmgmnngilcnanddlhb/browser-polyfill.min.js.map DevTools failed to parse SourceMap: chrome-extension://gighmmpiobklfepjocnamgkkbiglidom/include.preload.js.map DevTools failed to parse SourceMap: chrome-extension://hnmpcagpplmpfojmgmnngilcnanddlhb/browser-polyfill.min.js.map DevTools failed to parse SourceMap: chrome-extension://gighmmpiobklfepjocnamgkkbiglidom/include.postload.js.map 

- I had the same errors before going thru the guide and just haveing a basic pulled git version of it and running with ```python3 manage.py runserver``` it loads the site but not the css and the static elements

- I have put the base ```/media``` and ```/static``` folders in to git ignore (these should be the one where collect static collets up the element). The original static is under the ```myowndjango-project/myowndjango/static``` and ```myowndjango-project/myowndjango/media```

- I have also set up the nginx as follows

... location /static/ { root /home/myserveruser/myowndjango-project; } location /media/ { root /home/myserveruser/myowndjango-project; } ... 

What I have tried to solve it

- look for server access log

- run ```/var/log/nginx/access.log``` result: ```-bash: /var/log/nginx/access.log: Permission denied```

- run ```sudo /var/log/nginx/access.log``` result: ```sudo: /var/log/nginx/access.log: command not found```

- changing nginx file

... location /static/ { root /home/myserveruser/myowndjango-project/myowndjango/static; } location /media/ { root /home/myserveruser/myowndjango-project/myowndjango/media; } ... 

- Running

python3 manage.py collectstatic 

(restarted nginx and gunicorn) and it still does the same error.

Thank you for the help.



No comments:

Post a Comment