Vue项目打包:
我的Vue项目创建用得是vue init webpack myapp
命令,项目名为:myapp
第一步
到config目录下,找到并打开index.js文件,将assetsPublicPath字段的路径修改为./
。/
表示根目录,./
表示当前目录,../
表示父级目录。
同时,将build配置项下的assetsPublicPath属性改为:(空)
然后在命令行输入:npm run build
打包成功后会出现一个dist文件夹
检查打包后的项目能否正常运行
在dist文件夹下的index.html文件中右击Open with Live Server
在浏览器打开。若能正常运行,继续下面的操作。
注:另外还有一种运行检查打包项目的方法:在命令行输入serve dist
即可浏览,前提是需要先安装servenpm i -g serve
(有兴趣可以尝试一下)
Tomcat发布
在下载好的Tomcat下的webapps文件夹下新建文件夹,新建文件夹名称为项目名称。此处用test代替。
将Vue打包好的dist文件夹里的文件复制粘贴到test文件夹下
运行Tomcat即可
遇到问题:
Tomcat发布程序之后,中文乱码
在index.html文件中定义好字符集格式:utf-8