Olá Pessoal, estou com um problema com minha aplicação VUE na hora do Deploy. Realizei o build, coloquei ele dentro da pasta do server que roda em node o bundle e upei para uma instância na AWS na qual possuo NGNIX.
Ao acessar a raiz do projeto pelo index, abre perfeitamente www.skapp.com.br. Porém, ao tentar acessar alguma rota GET da minha aplicação ou ao clicar no botão de cadastrar, ele retorna apenas para a index ou não funciona a ação do $router.push:
this.$router.push({ name : 'guincheiros' })
É como se o vue-router não funcionasse. por exemplo www.skapp.com.br/guincheiros retorna novamente para a index. Segue abaixo a configuração do ngnix para esta aplicação:
server {
listen 80;
listen [::]:80;
server_name 3.89.11.207 skapp.com.br www.skapp.com.br;
root /home/ubuntu/Vue;
index index.html;
location / {
try_files $uri $uri/ @rewrites;
}
location @rewrites {
rewrite ^(.+)$ /index.html last;
}
location ~* \.(?:ico|css|js|gif|jpe?g|png)$ {
# Some basic cache-control for static files to be sent to the browser
expires max;
add_header Pragma public;
add_header Cache-Control "public, must-revalidate, proxy-revalidate";
}
# return 301 https://skapp.com.br$request_uri;
}
e a configuração do vue router:
const router = new VueRouter({
routes: routes,
mode: 'history'
});
O que poderia ser ?