vue项目nginx和Tomcat下的部署

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue项目nginx和Tomcat下的部署相关的知识,希望对你有一定的参考价值。

参考技术A 项目使用vue-cli脚手架搭建,部署到nginx
修改config.js下的index.js

修改nginx的配置文件nginx.conf

之后启动nginx访问即可。

修改配置文件,将build之后的文件路径改为Tomcat的webapps下,这样避免每次部署的复制dist文件夹下面的文件。
修改config.js下的index.js

utils.js中添加 publicPath: '../../'

运行build命令之后,在项目目录下自动创建dist目录,打包好的文件都在其中,这时候我们会在打包好的文件中发现一些.map的js、css文件,如下图所示:

以上是关于vue项目nginx和Tomcat下的部署的主要内容,如果未能解决你的问题,请参考以下文章

vue.js 打包后怎么部署到tomcat,页面空白

vite+vue3 项目打包部署

如何将vue工程部署到nginx下

宝塔面板部署Spring Boot项目

vue项目创建和部署使用

vue cli3项目打包部署到tomcat服务器运行