# meta2d-view

le5le meta2d 预览页.

# 如何使用
## 下载为Vue2

- 将zip文件解压;
- 将vue2/meta2d.vue放到 vue2项目 的views文件夹（作为一个独立的页面）;
- 配置meta2d页面路由;
- 将data.json文件放到 vue2项目 公共资源目录下public/json/;
- 将js、image和png文件夹放到 vue2项目 public下;
- 参考index.html文件，将script标签引入资源的代码复制到 vue2项目 的index.html中(src="js/index.js"除外);

(如果js下没有核心包(meta2d.js),请用npm下载依赖包（npm install meta2d.js），拿到依赖包里面的meta2d.js文件并引入）


## 下载为Vue3

- 将zip文件解压;
- 将vue3/meta2d.vue放到 vue3项目 的views文件夹（作为一个独立的页面）;
- 在 vue3项目 中配置meta2d页面路由,如下：

```ts
  {
    path: '/meta2d',
    component: () => import('@/views/Meta2d.vue'),
  }
```

- 将data.json文件放到 vue3项目 公共资源目录下public/json/;
- 将js、image和png文件夹放到 vue3项目 public下;
- 参考index.html文件，将script标签引入资源的代码复制到 vue3项目 的index.html中(src="js/index.js"除外);


(如果js下没有核心包(meta2d.js),请用npm下载依赖包（npm install meta2d.js），拿到依赖包里面的meta2d.js文件并引入）


## 下载为React

- 将zip文件解压;
- 将react文件夹下的文件放到 react项目 的views文件夹（作为一个独立的页面）;
- 配置mata2d页面路由;
- 将data.json文件放到 react项目 公共资源目录下public/json下;
- 将js、image和png文件夹放到 react项目 public下;
- 参考index.html文件，将script标签引入资源的代码复制到 react项目 的index.html中(src="js/index.js"除外);


(如果js下没有核心包(meta2d.js),请用npm下载依赖包（npm install meta2d.js），拿到依赖包里面的meta2d.js文件并引入）


# 生产环境

用 nginx 静态代理即可，例如：

```
server {
    listen       80;
    server_name  域名.le5le.com;

    #access_log  /var/log/nginx/host.access.log  main;

    root /root/web/静态文件夹名;

    location / {
        index index.html;
        rewrite ^/.*/$ / last;
        rewrite ^([^.]*[^/])$ $1/ permanent;
    }
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }
}
```
