我们为什么需要去搭建一个前台系统,因为你要展示给客户去看,是客户点进去你的网址一开始就显示的主页,而且这个主页涉及Seo,也就是你的主页信息越多,在搜索引擎当中的优势就越大,别人一搜索关键词,你的排名就会越靠前。
所以我们要去创建一个静态工程,来编写我们的门户页面。
然后把文件都放进来。
这里的话前端页面就在这里了,为什么这里我们没有用webpack呢?因为webpack是单纯一页就完成了整个网站功能才用的热部署,我们这里是有多个前端页面,不止一页,所以我们用的热部署工具就是live-server。什么叫一页就完成整个网站的功能呢?也就是你的功能组件都在同一页上面,而且这一页不会发生跳转,无论什么东西都只是在这个页面上加载。
下面我们来启动一下这个命令
端口值可以我们自己随意设定,如果有后台的话,就和后台一样就行。
可以看到我们现在只能用IP地址加端口进行访问,用SwitchHosts来设定地址,但是设定完地址还是不够,我们用域名访问也只能访问到ip地址,还没有端口,所以我们需要nginx进行转发。
如果你不去配置www开头的leyou地址,nginx默认是先访问第一个配置的地址,我们开发网站,当然是希望自己做得比较好的网站有更多的浏览率,所以要把www开头的leyou网站配置在nginx的第一位。