vue2.x小白入门数据可视化实战5--打包编译部署
最近在研究数据可视化的内容，在网上搜了一圈，数据可视化项目的教程资源比较少，计划结合自己的探索，写一个基于vue2.x的数据可视化入门实战课程，供大家参考学习。
1.2 环境参数
- 操作系统：window10，64位
- vue：v2.6.11
- echarts：v4.6.0
- vue-cli：v3.0.1
- node.js：v12.14.0+
- git:v2.25.1
- three.js:0.114.0
二、部署方式
2.1本地预览
- 打包：用vscode打开datav-demo(上一节创建的)工程，切换到master分支，然后打开终端，输入npm run build,进行打包编译。
2.2Tomcat部署
- Tomcat软件测试：下载好Tomcat软件解压之后，双击bin目录下面的startup.bat,启动Tomcat。
- 部署tomcat中：先把webapps/ROOT目录下的所有文件剪切拷贝出去，然后把dist目录下面的所有文件拷贝放置在tomcat压缩包中的webapps/ROOT下面。
- 其他路径打包：我们运行npm run build时，打包后的文件必须要放在ROOT目录下才可以运行，有时候tomcat的ROOT目录下已经有文件了，不可能删除，这时候需要分开，即访问时增加一个路径，比如localhost:8080/datav/index.html这样。
- 配置打包路径：如果需要访问地址如上（localhost:8080/datav/index.html），则需要在工程中主路径下添加一个vue.config.js，并输入以下内容。
正文到此结束
热门推荐
相关文章
近期评论
-
I really enjoyed reading your post it was both informative and personal, which I think is the perfect combo. You explained things in a simple way that actually helped me understand better. It didn't feel overwhelming at all. Thanks for taking the time to share your experience. It's posts like these that make a real difference for people who are looking for genuine advice. Keep up the great work! I came across Libya's e-visa option while planning a spontaneous trip. Understanding the Libya tourist visa requirements helped me feel confident before booking. Everything was surprisingly straightforward. Once I arrived, I was amazed by the Roman ruins, local hospitality, and peaceful coastal towns. It felt like stepping into a place that time forgot, in the best way.
-
Interesting post!
-
暂时不支持rss
-
请问站点支持RSS吗，url是什么？解析不到，看了下首页源码里好像也没有。
-
-
-
？？？ 我的链接居然被你干掉了？
-
666 666
-
-
Loading...
![[HBLOG]公众号](https://www.liuhaihua.cn/img/qrcode_gzh.jpg)
