tomcat部署vue项目
时间: 2023-07-25 14:18:19 浏览: 165
要将Vue项目部署到Tomcat服务器上,需要将Vue项目先打包成静态文件。可以使用以下命令进行打包:
```
npm run build
```
打包完成后,会在项目根目录下生成一个`dist`文件夹,里面包含了打包后的静态文件。
接着,将`dist`文件夹中的内容复制到Tomcat的`webapps`目录下,可以将其重命名为项目名(比如`myvueproject`)。
最后,在Tomcat的`conf`目录下找到`server.xml`文件,在其中添加一个`Context`元素,指定该Vue项目的上下文路径和静态文件路径,如下所示:
```
<Host name="localhost" appBase="webapps"
unpackWARs="true" autoDeploy="true">
<Context path="/myvueproject" docBase="C:/apache-tomcat-9.0.0/webapps/myvueproject/dist" />
</Host>
```
这样就完成了Vue项目在Tomcat服务器上的部署。启动Tomcat服务器后,可以通过`http://localhost:8080/myvueproject`来访问该Vue项目。
阅读全文