vue部署到tomcat

最新推荐文章于 2025-09-16 01:27:52 发布

转载最新推荐文章于 2025-09-16 01:27:52 发布 · 149 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jiangds/p/9077243.html

文章标签：

#java #javascript #ViewUI

本文介绍如何将Vue项目打包并部署到Tomcat服务器上。主要包括：运行npm run dev进行项目构建；将生成的dist文件夹复制到Tomcat的webapps目录下；重启Tomcat服务；最后通过浏览器访问验证。

# vue打包到tomcat部署步骤
a.进入项目目录运行npm run dev
b.将dist目录复制到远程服务器下的tomcat/webapps下
c.重启tomcat
d.浏览器中访问 http:本机ip:8080/dist

转载于:https://www.cnblogs.com/jiangds/p/9077243.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

anshan0901

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

tomcat部署vue前端项目

m0_67392182的博客

05-15

4302

Tomcat建立文件夹 1.在webapps文件夹下建立JL文件夹 2.将vue项目中打包好的dist中的static和index.html复制到这个文件夹下 Vue项目修改请求的公共路径 1.vue.config.js修改打包时的公共路径 publicPath: process.env.NODE_ENV === "production" ? "/JL" : "/" Vue项目修改路由配置 base:process.env.VUE_APP_BASE_Title, //-------.

springboot+vue项目部署在tomcat上

weixin_47902184的博客

11-03

2884

has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header contains multiple values，项目部署tomcat

参与评论您还未登录，请先登录后发表或查看评论

tomcat部署vue项目（成功版）

最新发布

gitblog_01089的博客

09-16

432

在Java Web开发领域，Apache Tomcat（汤姆凯特）作为轻量级应用服务器，以其稳定性和高效性占据重要地位；而Vue.js（视图.js）作为渐进式JavaScript框架，凭借组件化开发和响应式数据绑定成为前端开发的热门选择。将两者整合时，开发者常面临以下痛点： - **路由冲突**：Vue的前端路由（如`/user`）与Tomcat的Servlet映射规则冲突 - **历史模式路由...

Tomcat上部署vue项目（详细）包括安装，配置vue的history模式刷新404问题

Zhangwei557的博客

06-03

3405

2、解压tomcat文件,可以通过快捷键(command+shift+G)把它放入/Library(资源库中)在 Tomcat 下 webapps→test（test项目文件名）→创建WEB-INF→创建web.xml。6、npm run build后生成dist文件，放到tomcat中webapps中，以labo为例。5、开启Tomcat，终端输入sudo sh ./startup.sh，输完回车。至此两个问题解决完成！4、授权bin目录下的所有操作：终端输入。3、在bin目录下打开终端。

tomcat部署vue項目

u010214773的博客

08-14

6309

vtomcat 部署 vue

vue项目部署到nginx/tomcat服务器的实现

10-16

在进行Vue项目部署到Nginx或Tomcat服务器的过程之前，需要了解一些基本概念。Vue.js是一种流行的前端JavaScript框架，用于构建用户界面和单页应用程序。Nginx是一个高性能的HTTP和反向代理服务器，而Tomcat则是一个...

spring boot项目和vue一起放在tomcat部署

11-13

"Spring Boot 项目与 Vue 一起部署到 Tomcat 服务器" 在本文中，我们将介绍如何将 Spring Boot 项目和 Vue 一起部署到 Tomcat 服务器中。这个过程需要我们对 Tomcat 服务器进行配置，以便能够正确地部署并运行我们...

tomcat部署springboot+vue.doc

04-22

在现代Web开发中，SpringBoot和Vue.js的组合...总结，部署SpringBoot+Vue应用到Tomcat涉及后端WAR打包、前端Vue构建、Tomcat配置修改以及处理跨域问题。理解并掌握这些步骤，将有助于你在实际工作中流畅地部署Web应用。

Vue CLI3创建项目部署到Tomcat 使用ngrok映射到外网

11-27

下载到本地后，解压缩，并且将解压缩后的文件夹复制到以下路径下，其中电脑名称就是你的用户名称。 /Users/{电脑名称}/Library ，并且重命名为ApacheTomcat，这里要提一下，在这个文件夹下有个webapps，双击进去，会...

【tomcat】部署vue项目

lorogy的博客

07-17

1439

vue项目打包为dist 在tomcat的webapps下新建文件夹，比如myvue 将dist内的index.html和static上传到myvue目录下浏览器输入http://[ip]:[port]/myvue即可访问

tomcat 部署Vue项目

m0_37316406的博客

12-12

960

第一步将打包好的目录放置tomcat下的webapp目录下 dist存放的是我的打包内容其中包含static和index.html 第二步将static复制一份到webapp下。最好是复制而不要移动，不复制也可以但是需要手动修改打包项目中的静态文件的引用路径（嫌麻烦的话就算了）。第三步修改tomcat conf目录下的server.xml文件，在host中添加此处path=dist自...

tomcat部署前端vue项目（项目上线具体操作）

qq_45349018的博客

02-16

8804

前端Vue项目上线部署操作。

tomcat部署vue，spring项目

dream_back的博客

04-30

454

一.安装tomcat9及其以上 1.直接下载解压即可 2.点击startup.bat运行二.tomcat部署vue项目 1.命令行运行npm run build，会在dist目录下生成对应的项目文件 2.在tomcat的webapps目录下新建一个文件夹（项目的访问路径），把生成的文件全部粘贴到文件夹中 3.运行tomcat，访问路径http://ip:8080/uutest/#/即可看到结果 8080为tomcat的默认端口号，uutest为你文件夹的名字三.tomcat部署java项目 1.编

使用tomcat部署vue项目

emgexgb_sef的博客

08-28

4590

在bin目录下，启动tomcat就可以了。webapp下新增vue文件夹。

Tomcat下部署vue项目[history模式]

qq_42858057的博客

08-20

3330

1.项目发布后通常有两种访问方式，第一种： IP+端口直接访问的方式，如 http://192.168.1.107:8080/ 第二种：IP+端口+项目名，如 http://192.168.1.107:8080/saas/ 2.第一种方式：ip+端口（前端后端修改）范例：vue-cli项目使用路由，tomcat作为服务器，项目文件夹名 saas 步骤： 1.修改配置文件 router.js export default new Router({ mode:'history', // 将mode值改为

tomcat 部署vue前端项目_Tomcat部署vue项目

weixin_34466909的博客

01-13

3115

1、将前端打包后的文件内容拷贝到Tomcat的webapps下，可以直接丢入一个文件夹，访问时链接需要文件夹名称。为了链接的简洁可以直接放在ROOT下。2、此时可能遇到的问题一、启动后访问不到，页面F12显示如下图，那么就需要检查一下配置的访问路径是否对的。当前我是把dist文件夹放在webapp下。需要在前端代码配置一下访问路径加上dista、首先打包之前需要修改config文件夹下的inde...