Я разрабатывал сайт-портфолио на vue и столкнулся с проблемой что если я захожу на страницу /projects уже на хостинге nginx возвращает мне 403 именно на ней.
В логах следующее:
2024/11/10 09:14:27 [error] 28#28: *98 directory index of "/usr/share/nginx/html/projects/" is forbidden, client: 172.21.0.1, server: localhost, request: "GET /projects/ HTTP/1.0", host: "zaralx.ru"
server {
listen 80;
server_name zaralx.ru;
location / {
proxy_pass http://localhost:13111;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
}
# Пытался решить проблему указав в ручную /projects
location /projects {
proxy_pass http://localhost:13111/projects;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
}
}
Проект собирается в доркер контейнер со следующим nginx.conf
server {
listen 80;
server_name localhost;
root /usr/share/nginx/html;
index index.html;
location / {
try_files $uri $uri/ /index.html;
}
error_page 404 /index.html;
location = /50x.html {
root /usr/share/nginx/html;
}
error_page 500 502 503 504 /50x.html;
}
dockerfile
FROM node:lts-alpine AS build-stage
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
RUN npm run build
FROM nginx:stable-alpine
COPY --from=build-stage /app/dist /usr/share/nginx/html
COPY nginx.conf /etc/nginx/conf.d/default.conf
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]