本文介绍了Vue项目通过webpack配置调整后，如何进行npm run build打包，然后将静态资源放入Tomcat的webapps目录下进行部署。在部署过程中遇到页面路由访问不了和刷新后404错误的问题，通过修改路由配置和创建web.xml文件成功解决了问题。此外，还解决了font-awesome图标无法显示的问题，确保项目在服务器上能正常运行。
1.部署到服务器前，更改webpack配置，修改index.js中以下配置
2.运行npm run build 或者cnpm run build命令，打包完成后，在项目的根目录dist文件下生成了如下文件：
3.tomcat的webapps创建文件夹：这里以文件夹名“demo”示例
将static文件夹和index.html复制到demo文件夹，不出意外，这个时候浏览器输入：http://服务器IP:tomcat端口号/demo 已经可以打开首页了，但是发现页面中的路由访问不了，其他页面都打不开，如下配置路由即可。
4.这个时候页面的其他路由可以正常使用了，但是除了首页，一刷新浏览器，出现404错误，解决方式：在tomcat webapps下项目demo文件夹下新建WEB-INF文件夹，在WEB-INF下创建web.xml文件，文件内容如下：
<?xml version
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
