Cannot remove .html from url

Question

I have a static site and I'm trying to remove the .html from the url, so when I visit the site www.example.com/home.html I should get: www.example.com/home.

This is my project structure:

project
    docker
       nginx
           conf.d
               default.conf
    www
        index.html
        home.html
        services.html
docker-compose.yml

This is the docker-compose.yml file:

version: '3.6'

services:
  my-app:
    container_name: trasauto_nginx
    image: nginx:stable-alpine
    restart: always
    volumes:
      - "./www/:/usr/share/nginx/html"
      - ./docker/nginx/conf.d/:/etc/nginx/conf.d
    expose:
      - 80

networks:
  default:
    external:
      name: proxy

and this is the default.conf:

server {
    try_files $uri.html $uri $uri/ =404;
}

I tried to remove the .html part from the url, but for some reason I get:

404 not found

what I did wrong?

theUndying · Accepted Answer · 2021-06-18 10:43:48Z

1

You need to add some more lines to your Nginx configuration in order to have what you want. I think this question has already been answered in detail here.

Edited. Here's an example Nginx configuration that should work

server {
    listen 80;    
    index index.html;

    root /usr/share/nginx/html;

    location / {
        if ($request_uri ~ ^/(.*)\.html) {
            return 302 /$1;
        }
        try_files $uri $uri.html $uri/ =404;
    }
}

You need to specify the root directory from which you're serving your static files.

edited Jun 18, 2021 at 10:43

answered Jun 18, 2021 at 10:27

theUndying

1,8546 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

sfarzoso Over a year ago

I already tried that .. I added the location directive within server but I still get 404

theUndying Over a year ago

Well, you probably need a bit more lines in your configuration. I didn't realize you only had this one. I'll edit the answer and include the example configuration.

sfarzoso Over a year ago

You're right! That's why didn't worked before, now is working fine, many thanks and have a good day!

Collectives™ on Stack Overflow

Cannot remove .html from url

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related