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，并输入以下内容。
正文到此结束
热门推荐
相关文章
近期评论
-
可能有人安装的时候开了魔法也依然没办法安装，
显示的是"等待网络连接解决方法：在存放安装包的目录下打开cmd，分别运行下面2个命令：set "https_proxy=http://127.0.0.1:1080"
start "" ".\comet_installer_latest.exe"
需要注意有一些科技用的不是1080端口，按需修改 -
-
来看看，最近更新了一波，顺着友联过来的，几年过去了，网站越搞越好，厉害
-
哥太牛了
-
是呀，看您的IP显示在美国，还以为您移民了
-
-
-
-
-
Loading...
![[HBLOG]公众号](https://www.liuhaihua.cn/img/qrcode_gzh.jpg)
