首先需要打包,使用npm run build(具体看package.json文件可能是npm run build:prod)
我的使用这个命令会出问题,然后我使用 yarn run build命令打包成功到dist目录下
直接把所有文件复制粘贴到tomcat apache-tomcat-9.0.22webappsROOT目录下运行项目访问http://localhost:8080即可
如何刷新有问题可以在ROOT目录下创建WEB-INF文件夹,在文件夹下创建web.xml把下面代码复制粘贴进去
<?xml version="1.0" encoding="UTF-8"?> <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" version="3.1" metadata-complete="true"> <display-name>Router for Tomcat</display-name> <error-page> <error-code>404</error-code> <location>/</location>//这个地方需要根据实际更改 </error-page> </web-app>
前端页面需要配置一个覆盖所有的路由情况(只需要把路径配置进去即可)
const router = new VueRouter({ mode: 'history', routes: [ { path: '*',
component: (resolve) => require(['@/views/features/404'], resolve)
}
]
})