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页面路由,如下：

{
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;
    }
}