前后端分离项目,前端使用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端口/二级域名  即可访问到项目首页。vue项目,如:http://localhost:8080/testTom/#/aaa/shouye

最新文章

  1. sass安装
  2. 查看上下文切换的多的进程(find which process take the most context switch)
  3. 【leetcode】 Permutation Sequence (middle)
  4. 【转】Java高手真经全套书籍分享
  5. Java的++自增
  6. Android NDK引用预编译的动态链接库
  7. ListView删除选中的多项目
  8. NOIP第二次模拟赛 stage1【划分数列(seq.pas/c/cpp)
  9. php对xml的处理
  10. octomap中3d-rrt路径规划
  11. ext组件的查询方式
  12. spring boot 页面根路径获取和jsp获取的不同之处(粘贴即用)
  13. NetCore2.0下使用EF CodeFirst创建数据库
  14. 百度统计api 关于搜索引擎返回参数问题
  15. maven pom.xml(公司版)
  16. layui table 根据条件改变更换表格颜色 高亮显示 数据筛选
  17. 比较两种方式的form请求提交
  18. 共享内存system v(未编译)
  19. IFNULL函数
  20. 1java异常详解

热门文章

  1. MongoDB分片配置 优化 不错
  2. HDU 2063 过山车 (匈牙利算法)
  3. LeetCode 112. Path Sum 动态演示
  4. JavaScript List
  5. ES6 find 和 filter 的区别
  6. 使用requests_html抓取数据
  7. 【五一qbxt】day6 OI中的stl
  8. P2737 [USACO4.1]麦香牛块Beef McNuggets
  9. 理解Throughput和Latency
  10. php之ob_start()缓冲区