Why Does My Go Web App Return a 404 Error When Loading CSS Files?

404 Page Not Found: Resolving CSS File Path Issues in Go Web Applications

When rendering a webpage with CSS in a Go web application, users may encounter a 404 error indicating that the CSS file cannot be found. This issue can arise due to several reasons.

Directory Structure and FileServer

Ensure that your CSS files are located in the correct directory. As the example provided suggests, the CSS files should be in the "css" subdirectory within the "src" folder. Additionally, verify that the following code is used in the "server.go" file:

http.Handle("/css/", http.StripPrefix("/css/", http.FileServer(http.Dir("css"))))

This code instructs the web server to serve static files from the "css" directory under the "/css/" URL path.

Relative Path in HTML

In the HTML code used in the templates, ensure that the path to the CSS file is correct. The provided HTML code uses a relative path to the CSS file:

<link rel="stylesheet" type="text/css" href="../css/css490.css">

This relative path assumes that the HTML files are placed in a folder named "templates" within the "src" folder.

Working Directory

It's crucial to note that Go applications use the working directory as the base for resolving relative file paths. Therefore, the location from where you start the application (using "go run") impacts the success of the file lookup. For instance, if you start the application from the "src" folder with "go run server/server.go," the relative file paths should work correctly. However, if you start the application from a different directory (e.g., "go run server.go"), the CSS file might not be found.

Copying Static Files

If you encounter issues with relative file paths, you can alternatively copy all static files, including CSS and HTML templates, to the directory where the executable is located (usually the "bin" folder). This ensures that the files are accessible from the working directory.

The above is the detailed content of Why Does My Go Web App Return a 404 Error When Loading CSS Files?. For more information, please follow other related articles on the PHP Chinese website!