Tomcat发布Vue打包项目

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