diff --git a/index.html b/index.html index 0ecbf961..ad7a6fcf 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -
本项目的web目录下提供了一个基于simple-mind-map库、Vue2.x、ElementUI开发的完整项目,数据默认存储在电脑本地,此外可以操作电脑本地文件,原意是作为一个线上demo,但是也完全可以直接把它当做一个在线版思维导图应用使用,在线地址:https://wanglin2.github.io/mind-map/。
如果你的网络环境访问GitHub服务很慢,你也可以部署到你的服务器上。
项目本身不依赖后端,所以完全可以部署到一个静态文件服务器上,可以依次执行如下命令:
+git clone https://github.com/wanglin2/mind-map.git
+cd mind-map
+cd simple-mind-map
+npm i
+npm link
+cd ..
+cd web
+npm i
+npm link simple-mind-map
+
+然后你可以选择启动本地服务:
+npm run serve
+
+也可以直接打包生成构建产物:
+npm run build
+
+打包完后的入口页面index.html可以在项目根目录找到,对应的静态资源在根目录下的dist目录,html文件中会通过相对路径访问dist目录的资源,比如dist/xxx。你可以直接把这两个文件或目录上传到你的静态文件服务器,事实上,本项目就是这样部署到GitHub Pages上的。
如果你没有代码修改需求的话,直接从本仓库复制这些文件也是可以的。
+如果你想把index.html也打包进dist目录,可以修改web/package.json文件的scripts.build命令,把vue-cli-service build && node ../copy.js中的 && node ../copy.js删除即可。
如果你想修改打包输出的目录,可以修改web/vue.config.js文件的outputDir配置,改成你想要输出的路径即可。
如果你想修改index.html文件引用静态资源的路径的话可以修改web/vue.config.js文件的publicPath配置。
另外默认使用的是hash路由,也就是路径中会在#,如果你想使用history路由,可以修改web/src/router.js文件,将:
const router = new VueRouter({
+ routes
+})
+
+改成:
+const router = new VueRouter({
+ mode: 'history',
+ routes
+})
+
+不过这需要后台支持,因为我们的应用是个单页客户端应用,如果后台没有正确的配置,当用户在浏览器直接访问子路由时会返回404,所以呢你要在服务端增加一个覆盖所有情况的候选资源:如果URL匹配不到任何静态资源,则应该返回同一个index.html页面。
编写中。。。
+ +
-
\ No newline at end of file
+
+
+Think
+json、png、svg、pdf、markdown,支持从json、xmind、markdown导入json、png、svg、pdf、markdown,支持从json、xmind、markdown导入1.simple-mind-map
2.web
使用simple-mind-map库,基于vue2.x、ElementUI搭建的在线思维导图。特性:
提供文档页面服务。
3.dist
+Think
+