vue项目如何部署到Tomcat中

1，假设你要访问的项目名称为‘hms’

2，在Tomcat的webapps下创建hms文件夹，

3，配置config/index.js文件，设置assetsPublicPath: '/hms/'

（解释：这里改为这个配置之后，最后编译产生的index.html中相关路径也会带上‘/hms’,不会报404的错误了）

4，在项目运行“npm run build:prod”命令，生成dist文件夹，dist文件夹中包含static和index.html

5，将dist文件夹中static和index.html复制到Tomcat中webapps的hms文件夹中

6，启动Tomcat，ip:port/hms，例如：http://localhost:8081/hms/即可访问到Vue项目。

转载于:https://www.cnblogs.com/lixianfu5005/p/9967147.html

vue项目如何部署到Tomcat中相关推荐

如何在IDEA中创建web项目并且部署到Tomcat中
如何在IDEA中创建web项目并且部署到Tomcat中步骤1:File->New Project, 步骤2:选择Project SDK为1.7 -> Next -> Finish( ...
myeclipse导项目_Myeclipse或eclipse导入项目并部署到tomcat中运行
(不是我们的作品的用户,也可以联系上面QQ提供有偿人工指导服务)在导入项目之前首先要下载相关软件并安装里面都有安装视频和导入视频(建议先看一遍视频,知道大概需要做那些工作,然后不再看视频,直接按这个操 ...
Vue项目打包部署到Tomcat
一. 思路使用 npm run build命令打包完成之后,会出现一个dist文件夹,里面有static文件夹和一个index.html文件,如果我们要部署在tomcat上面,即需要将dist文件放 ...
idea 启动tomcat 工程_如何在IDEA中创建web项目并且部署到Tomcat中
步骤1:File->New Project, 步骤2:选择Project SDK为1.7 -> Next -> Finish(JDK)我自己的是1.7(这里的project,跟ecl ...
vue项目打包部署到tomcat（详细）
hash路由模式打包部署到tomcat 1.修改config/index.js文件下的assetsPublicPath为'./' 2.修改router文件夹下index.js添加 base: '/文件 ...
[转]Eclipse中的Web项目自动部署到Tomcat
原文地址:http://www.cnblogs.com/ywl925/p/3815173.html 原因很长时间没用Eclipse了,近期由于又要用它做个简单的JSP项目,又要重新学习了,虽然熟悉的 ...
Eclipse中的Web项目自动部署到Tomcat
2019独角兽企业重金招聘Python工程师标准>>> 很长时间没用Eclipse了,近期由于又要用它做个简单的JSP项目,又要重新学习了,虽然熟悉的很快,但记忆总是很模糊,偶尔犯错 ...
关于项目部署在Tomcat中使用软连接之坑
关于项目部署在Tomcat中使用软连接之坑需求背景解决方式注意事项需求背景有一个管理平台,平台需要进行上传音频文件,音频文件上传与下载都可以正常实现,但是出现一个这样的问题,如果H5页面获取 ...
将Spring Boot应用程序部署到Tomcat中
"我喜欢编写身份验证和授权代码." 〜从来没有Java开发人员. 厌倦了一次又一次地建立相同的登录屏幕? 尝试使用Okta API进行托管身份验证,授权和多因素身份验证. 部署应用 ...

vue项目如何部署到Tomcat中

vue项目如何部署到Tomcat中相关推荐

最新文章

热门文章