Compare commits

...

5 Commits

4 changed files with 63 additions and 0 deletions

15
Dockerfile Normal file
View File

@@ -0,0 +1,15 @@
# Build stage
FROM node:20-alpine as build-stage
WORKDIR /app
COPY package*.json ./
# Используем npm ci для надежной установки зависимостей из package-lock.json
RUN npm ci
COPY . .
RUN npm run build
# Production stage
FROM nginx:stable-alpine as production-stage
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;"]

21
nginx.conf Normal file
View File

@@ -0,0 +1,21 @@
server {
listen 80;
server_name localhost;
root /usr/share/nginx/html;
index index.html;
# Gzip сжатие для ускорения загрузки
gzip on;
gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;
# Для SPA: все запросы, которые не соответствуют файлу, перенаправляются на index.html
location / {
try_files $uri $uri/ /index.html;
}
# Кэширование статических файлов
location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot)$ {
expires 1y;
add_header Cache-Control "public, immutable";
}
}

View File

@@ -21,8 +21,15 @@
</template>
<script setup lang="ts">
import { onMounted } from "vue";
import { useAuthStore } from "@/stores/auth";
const authStore = useAuthStore();
// Восстанавливаем сессию при загрузке приложения
onMounted(() => {
authStore.checkAuth();
});
</script>
<style scoped>

View File

@@ -26,6 +26,9 @@
<span v-else>N/A</span>
</div>
<div class="version">{{ server.version_name }}</div>
<div v-if="server.bluemap_url" class="bluemap-link">
<a :href="server.bluemap_url" target="_blank" rel="noopener noreferrer">Карта мира</a>
</div>
</div>
</div>
</div>
@@ -44,6 +47,7 @@ interface GameServer {
max_players: number | null;
version_name: string | null;
ping_proxy_server: number | null;
bluemap_url: string | null;
}
const servers = ref<GameServer[]>([]);
@@ -140,4 +144,20 @@ onUnmounted(() => {
margin-bottom: 1rem;
font-weight: bold;
}
.bluemap-link {
margin-top: 0.5rem;
text-align: right;
}
.bluemap-link a {
display: inline-block;
padding: 0.25rem 0.5rem;
background-color: #3eaf7c;
color: white;
text-decoration: none;
border-radius: 4px;
font-size: 0.9em;
}
.bluemap-link a:hover {
background-color: #339265;
}
</style>