При обновлении страницы возникает ошибка 404 Not Found page nginx / 1.18.0 vue + nginx Как это исправить?

Question

[antraks]

Есть ошибка при перезагрузки страницы
404 Not Found
nginx/1.18.0

Если к ссылке добавлять знак #

Пример: 127.0.0.1:8080/#/url_page
то переход осуществляется/ Как это исправить?

server { listen       80; server_name  localhost;

location / {
    root   /usr/share/nginx/html;
    index  index.html index.htm;
    rewrite ^/([^\.]+)$ /$1 break;
    add_header 'Access-Control-Allow-Origin' 'http://${BACKEND_ADDR}:${BACKEND_PORT}';
}

location /api/v1 {
    proxy_pass   http://${BACKEND_ADDR}:${BACKEND_PORT};
    proxy_http_version 1.1;
    client_max_body_size 100M;
}


location /api/v1/ws/ {
    proxy_pass http://${BACKEND_ADDR}:${BACKEND_PORT};
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "upgrade";
}

}

Answer 1

[Антон Антон]

https://router.vuejs.org/ru/guide/essentials/histo...

Answer 2

[Михаил]

Если я правильно тебя понял, то тебе не нравится что ссылка работает через #?
Это сделал Vue Router и фишка довольно удобная, от неё все твои изменения подгружаются на странице в реальном времени.
Когда тебе это не нужно будет просто в файле src/router/index.js вставь в VueRouter - mode: 'history',

const router = new VueRouter({
  mode: 'history',
  ...
})