web_demo
Flutter 2.0 快速构建的一个站点样例
- 在线预览:http://webdemo.loveli.site
- github ci构建的版本(每次代码提交,自动构建):http://webdemo.oldbird.run, 采用 hash 路由策略
更多精彩,请关注官方微信公众号: Oldbirds
安装
-
git clone https://github.com/swiftdo/web-demo
-
安装 fvm 工具: leoafarias/fvm
-
运行
$ cd web-demo $ fvm install $ fvm flutter run -d Chrome
有跨域问题,可关注配套课程解决
配套课程
- 1. 网络请求篇
- 2. 跨域篇
- 3.状态管理篇: Provider 中文文档
- 4.路由篇
- 5.url 策略篇:配置 Web 应用的 URL 策略
- 6.上线部署篇
web 开发存在的一些问题
1.包体积太大
可通过编译选项控制,【编译渲染项】
2.手机端滑动太卡
待解决
3.中文显示有问题
flutter bug, 解决进度可关注:Load fonts as soon as detecting browser locale
4.页面刷新,或者指定url 无法打开页面
跟 url 策略有关
- HashUrlStrategy,hash 路由,带有
#
, 可直接 github 静态托管 - PathUrlStrategy, histroy 路由,也可以直接github托管,但是刷新页面会出问题,此类,需要 nginx 做个配置,单页面实际上只有一个页面index.html,因此将所有的页面都rewirte到index页面,即可完成配置
location @router {
rewrite ^.*$ /index.html break;
}