鱼了个鱼消除游戏NAS部署指南无公网远程游戏体验帕斯内网穿透轻松实现外网访问

根据我获取到的项目信息，这是一个基于 Vue.js 的网页游戏项目，类似'羊了个羊'的消除游戏。由于该项目没有提供 Docker 部署方式，我需要为其创建一个适合的部署方案。以下是修改后的教程：

项目介绍

鱼了个鱼是一个基于 Vue.js 开发的网页消除游戏，灵感来源于'羊了个羊'。这是一个开箱即用的 Web 游戏，具有丰富的自定义功能和良好的用户体验。

游戏特色包括：支持选择难度（4种）、支持自定义难度、支持自定义动物图案、可以无限使用技能道具、不需要看广告、能够通关。界面简洁美观，操作流畅，是一个非常适合休闲娱乐的小游戏。

项目基于 Vue 3 + TypeScript + Vite 构建，使用了 Ant Design Vue 组件库，代码结构清晰，易于维护和扩展。

项目地址：点我跳转

部署安装

如需在外也打开项目需要配置内网穿透使用，点击前往帕斯内网穿透，先注册好账号备用。

由于原项目没有提供 Docker 部署方式，我们使用 Nginx 静态文件服务来部署这个 Vue 项目。

复制下列的配置文件

1version: '3.8'
2services:
3  yulegeyu:
4    image: nginx:alpine
5    container_name: yulegeyu
6    ports:
7      - "3000:80"
8    volumes:
9      - ./dist:/usr/share/nginx/html
10      - ./nginx.conf:/etc/nginx/nginx.conf
11    restart: unless-stopped

同时需要创建 nginx.conf 配置文件：

1events {
2    worker_connections 1024;
3}
4
5http {
6    include       /etc/nginx/mime.types;
7    default_type  application/octet-stream;
8    
9    server {
10        listen 80;
11        server_name localhost;
12        root /usr/share/nginx/html;
13        index index.html;
14        
15        location / {
16            try_files $uri $uri/ /index.html;
17        }
18    }
19}