AWS Amplify - No CSS styling loading due to 404s

[junglesquirrel]

Hi all, I have a Hugo server which is running fine locally, but when I deploy to AWS Amplify I am getting 404’s for all of my stylesheets. Some examples of how they are called from index.html in the public folder:

  <link rel="stylesheet" href="https://demo.gethugothemes.com/plugins/bootstrap/bootstrap.min.css ">  
  <link rel="stylesheet" href="https://demo.gethugothemes.com/plugins/slick/slick.css ">

It successfully builds and deploys via AWS Amplify, when I visit the public URL with dev tools on I am seeing these errors:

slick.css:1 Failed to load resource: the server responded with a status of 404 ()
etc etc…

Not sure why it works ok local (Mac OSX) and now when deploying through a linux container in Amplify, the server is giving 404s

[junglesquirrel]

Looks like it may be related to this post - no content is loading

[SOLVED] Hugo Not Rendering CSS but Hugo Server Is

I think my BaseURL is messed up but the past issues in Support all involve a trailing ‘/’ at the baseURL. I have the slash included but whenever I run hugo and open the index.html from hugo\site\public the css refuses to load. Where am I going wrong with pathing? Edit:None of the paths are working. When I click on a link it returns a 404. Output from hugo with config.toml baseURL set to "http://www.adhocref.com/" [image]

[junglesquirrel]

Solved by ensuring base URL was “/”

config.toml:
baseURL = “/”