如何通过live-server部署启动前端工程

本文介绍了如何搭建一个前端门户系统,避免使用单页应用以提高安全性并优化搜索引擎体验。通过创建新工程,导入静态资源,安装并配置live-server实现热部署,最后利用nginx进行反向代理,确保可以通过特定域名访问。详细步骤包括live-server的安装、运行、设置端口,以及nginx的配置和测试。
摘要由CSDN通过智能技术生成

目录

为什么要搭建门户系统

创建工程

导入静态资源

安装live-server

安装

运行

设置通过域名访问

配置nginx反向代理

测试


 

为什么要搭建门户系统

 

门户系统面向的是用户,安全性很重要,而且搜索引擎对于单页应用并不友好。因此我们的门户系统不再采用与后台系统类似的SPA(单页应用)。

依然是前后端分离,不过前端的页面会使用独立的html,在每个页面中使用vue来做页面渲染。下面就让我们开始搭建吧~

 

创建工程

 

创建一个新的工程:

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值