在Tomcat上部署Vue.js项目

版权声明:本文为小时的枫原创文章,未经博主允许不得转载。 https://blog.csdn.net/xiaofeng187/article/details/75244429

接着上次的图书管理系统

修改完问题后把SpringBoot成功部署到了服务器上
测试了下api接口,能正常访问
那么下面就是在服务器上部署前端的vue.js了

这里的话我们要明确一点
vue.js是一个前端的框架,所以部署的时候并不需要node.js之类的服务器 像本地的

 
     
1
 
     
npm run Dev

只是用来调试用的,不要再线上用它部署

这里我先用比较熟悉的Tomcat来部署
我们先在本地运行命令来打包

 
     
1
 
     
npm run bulid

通过这个命令,我们会打包我们的项目到一个 dist文件夹中

我们把它部署到Tomcat服务器上

用WinSCP软件登陆我们的服务器
找到Tomcat的wabapps目录
把新建一个文件夹,我这里把它命名为 bookmanage
我们把本地dist文件夹里的文件复制到 bookmanage中

完成之后,我们访问默认的8080端口 加上 bookmanage 就可以访问到我们的项目了
例如我的项目地址 http://118.89.159.95:8080/bookmanage
这样我们的前端的项目部署就成功了

————————2018-01-31更新————————

但是仅仅这样还是不够的的

还需要需要后台配置支持。因为我们的应用是个单页客户端应用,如果后台没有正确的配置,当用户在浏览器直接访问 http://oursite.com/user/id 就会返回 404。

可以参考这篇文章 来配置下。


感谢网友们的指正,我要更加严谨的去完成博客的内容才行!

猜你喜欢

转载自blog.csdn.net/xiaofeng187/article/details/75244429