前后端分离项目,前端使用vue,部署启动前端项目可以使用NodeJS,Nginx,Tomcat。

*)使用Tomcat部署启动:

1.把vue项目build生成的dist包,放到Tomcat的webapps/ROOT路径下

2.启动Tomcat

3.访问:http://ip:Tomcat端口  即可访问到项目首页。后面加上其他页面的路径,即可访问其他页面

*)使用Tomcat部署时,设置二级域名:

1.在vue中设置:

  config/index.js中:如下,加上二级域名:

执行:npm run build后生成的dist包结构,和默认的不同,未设置二级域名之前,dist包:static文件夹和index.html文件。设置二级域名之后,dist包:以二级域名命名的文件夹,里面才是static文件夹和index.html。

之后的步骤同上。

此时,访问项目的路径是:http://ip:Tomcat端口/二级域名  即可访问到项目首页

转载于:https://www.cnblogs.com/mySummer/p/11167224.html

tomcat启动前端项目相关推荐

  1. Tomcat启动时项目重复加载,导致资源初始化两次的问题

    最近在项目开发测试的时候,发现Tomcat启动时项目重复加载,导致资源初始化两次的问题 导致该问题的原因: 如下图:在Eclipse中将Server Locations设置为"Use Tom ...

  2. Tomcat启动Maven项目异常:java.lang.NoClassDefFoundError: org/springframework/context/ApplicationContext

    Tomcat启动Maven项目异常:java.lang.NoClassDefFoundError: org/springframework/context/ApplicationContext 参考文 ...

  3. IDEA整合Tomcat启动javaweb项目

    1.前言 突然兴起想要写这么一篇博客,不是因为别的,纯属是因为小编还是一个小白的时候,听某马和某硅谷的javaweb网课时,遇到这个章节一直启动不起来,虽然小编依旧是个菜鸡,但是今时不同往日了,小编已 ...

  4. 腾讯云轻量应用服务器+宝塔+Tomcat部署前端项目

    文章目录 前言 购买服务器 具体步骤 前言 我在平常工作中都是前端开发完打包发给后端,再由后端部署到服务器,今天想自己捣鼓一个服务器试试前端项目部署(此处为萌新教程). 购买服务器 最新活动 > ...

  5. 使用tomcat启动SpringBoot项目

    springboot默认内嵌tomcat服务器,也默认使用main函数启动整个项目. <dependency><groupId>org.springframework.boot ...

  6. 使用npm安装包本地快速启动前端项目方法

    综述:很好的一个快速启动服务的方法 1.步骤说明 npm i -g serve 2.在powershell中cd到希望启动的项目目录下 3.输入以下命令 serve 4.访问窗口显示的链接即可 5.如 ...

  7. tomcat启动后 项目运行缓慢,要几十到几百秒不等 怎么样./startup.sh 运行加快

    修改 linux系统中 /usr/local/jdk1.8.0_11/jre/lib/security/java.security 借力 好文章. 我们新的Linux系统,部署了多个 Tomca,同时 ...

  8. 本地启动前端项目,如何让外部通过ip去访问

    前言:在实习中,遇到了本地启动vue-cli/create-react-app项目,想要用ip去访问本地启动的项目. 一:部署ip和localhost都可以访问本地vue-cli项目 在配置文件vue ...

  9. tomcat发布前端项目

    1.项目如果需要build,先build,生成目标文件,如不需要build,直接使用 2.放到Tomcat的webapps/ROOT路径下 3.启动tomcat 4.访问:localhost:port ...

最新文章

  1. 炫酷的元素周期表html,HTML5 经典化学元素周期表
  2. VMware QueryPerformanceCounter/GetTickCount 悬案
  3. 浅谈特征选择的原理和Python实现
  4. ASP.NET MVC RegisterBundles
  5. 离子量子计算机 寻址,量子计算机的硬件进展
  6. Linux automake命令
  7. nvarchar,nchar,vchar,nvchar,char…
  8. 爬虫实现股票分析(三)
  9. Underscore js是一个JavaScript实用库
  10. 【Vijos1659】河蟹王国
  11. JVM-深入虚拟机字节码执行引擎
  12. QQ去水印小程序源码全新系统
  13. 软件库网站源码+多套模板 附手机版 附教程
  14. 百度地图如何获取国内行政区的边界,同时添加覆盖物并且填充颜色
  15. 微信小程序开发(2)—— 简单的页面登陆实现
  16. xps13 9360黑苹果
  17. 英语骂人脏话大全(from ndi) scarlk scarlk 2011-12-28 10:09:21
  18. trackmaker翻译_体育翻译滑雪中英对照翻译
  19. C# 获得%ProgramData% 路径
  20. Linux文件IO操作

热门文章

  1. PHP/TP5 接口设计中异常处理
  2. [PWA] Show Notifications when a Service Worker is Installed or Updated
  3. 0x5f3759df的推导
  4. C++接口定义及实现举例
  5. 细节:以为字符串不为空
  6. win7系统待机模式下如何分配下载方法
  7. 优化调整Oracle 8i数据库
  8. 如何验证自己的网络是否支持ipv6
  9. 相关Linux命令的学习
  10. springboot发送http请求