[2636] Website not built properly after running 'nuxt generate'

Hi guys, first of all let me say thanks for the amazing framework! I'm building a personal website with nuxtJS these days. I have finished the development work however when I run nuxt generate and host the dist folder on my server, the website is not complete and something is different from how it looks in development mode.

I have four pages in the site, and I put all of the images under /static/img folder. When I host the dist folder, it is trying to search image under /{pagename}/img folder for each page, which is causing the images to break.Must I separate the images based on what page they belong to?

Also, it seems that the files are not loaded correctly. The screenshot below is the first load of the site

Any ideas?

P.S. Url for the project: https://github.com/rockcs1992/Personal-Website