我们在进行前后端分离开发的时候,一般是将前端项目部署到nginx服务器上,与后端项目分开部署,但是如果是个人开发的小型项目,不需要这么麻烦,直接将前后端项目放到一起部署即可。
本文就来介绍一下前后端项目一起部署的流程。
创建前端项目
首先需要安装vue,网上有非常多的教程,这里不再赘述,后面的步骤假设你已经安装了vue。
我们使用vue ui来创建前端项目,首先使用控制台打开vue ui,如下图所示
然后进入到控制台中新建一个vue项目
输入项目名称然后点击下一步
选择手动配置项目,点击下一步
勾选上Router,点击下一步