在浏览器中运行SPA
由于这个应用程序是独立于主网站的,我们需要运行另一个web服务器:
1
$水疗中心n>欧宝娱乐app下载地址Symfony服务器:start -d——passthru=index.html
的——passthru
标志告诉web服务器将所有HTTP请求传递给公共/ index . html
文件(公共/
是web服务器默认的web根目录)。这个页面由Preact应用程序管理,它通过“浏览器”历史记录获取页面来呈现。
编译CSS和JavaScript文件,运行npm
:
1
$水疗中心n>再表演。/ node_modules。bin / dev
在浏览器中打开SPA:
1
$水疗中心n>欧宝娱乐app下载地址symfony开放:<水疗中心n class="hljs-built_in">当地的水疗中心n>
看看我们的hello world SPA:
添加路由器来处理状态
SPA目前不能处理不同的页面。要实现多个页面,我们需要一个路由器,就像Symfony一样。欧宝娱乐app下载地址我们要用preact-router.它接受URL作为输入,并匹配Preact组件来显示。
安装preact-router:
1
$水疗中心n>NPM安装preact-router
为主页创建一个页面(a超前组件):
另一个是会议页面: