vue项目部署到tomcat踩的坑

本文主要介绍了在Vue项目中使用vue-router时应注意的事项,强调了必须使用正确的路由方式以避免404错误。同时,详细阐述了Vue项目部署到Tomcat的步骤,包括在Tomcat的webapps目录下创建项目文件夹,修改vue项目的配置文件,如config/index.js, router/index.js, build/utils.js,然后执行npm run build进行打包,最后将dist文件夹中的static和index.html文件复制到Tomcat的项目文件夹内,通过http://localhost:8080/demo访问。" 133144910,20038381,TABV控制算法解析:强化学习中的Plan_Env规划,"['Python', '开发语言', '强化学习算法']
摘要由CSDN通过智能技术生成

vue项目部署到tomcat踩的坑

vue-router路由的使用

PS : 标签 必须 必须 必须 使用<router-link to=""/> 不能使用其它标签跳转,否则将无法跳转到vue前端的正常路由路径,会被解析成后台接口路径,然后报404。

关于vue项目部署到tomcat

在tomcat的webapps下创建项目名称文件夹,例如 :demo
vue项目在打包前需要修改配置

  1. config/index.js
build{
   
	assetsPublicPath: '/demo/',//与项目名一致
}
  1. router/index.js
export 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值