Compare commits
4 Commits
e28d5f2658
...
master
| Author | SHA1 | Date | |
|---|---|---|---|
| 635941f635 | |||
| 80db9ede92 | |||
| d374730343 | |||
| d94614c793 |
@@ -1,13 +1,15 @@
|
||||
# Build stage
|
||||
FROM node:18-alpine as build-stage
|
||||
FROM node:20-alpine as build-stage
|
||||
WORKDIR /app
|
||||
COPY package*.json ./
|
||||
RUN npm install
|
||||
# Используем 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
21
nginx.conf
Normal 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";
|
||||
}
|
||||
}
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user