版权声明:本文为小时的枫原创文章,未经博主允许不得转载。 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。
可以参考这篇文章 来配置下。
感谢网友们的指正,我要更加严谨的去完成博客的内容才行!