在没有Web服务器的情况下运行Flutter for Web

时间:2020-01-23 14:40:51

标签: flutter flutter-web

我想以说我对Web开发和StackOverflow完全陌生作为开头,所以如果我可以用谷歌搜索这个答案的一部分,请多多关照-我做到了,但是没有找到任何东西。也许我只是不知道要搜索什么。

我的任务是在Samsung数字标牌显示器上显示一些外部动态数据,例如Twitter提要和新闻动态。 由于显示器可以显示网页,而且我之前也曾与Flutter一起工作过并且非常喜欢它,所以我认为我不妨将Flutter用于Web。 我测试了Flutter是否可以在显示器上正常工作,并且虽然Flutter(https://flutter.github.io/samples/#/)创建的外部站点可以正常工作,但是由于所有业务逻辑和图像以及其他定制的,我都无法在外部托管整个网站资源必须保留在本地。 (我也不能在某些内部公司服务器上托管它。不允许使用服务器。) 幸运的是,还有另一种显示网页的方式:您可以直接上传包含html和其他资源的zip文件。但是,该显示器并不为此使用本地Web服务器,因此它与双击计算机上的html并在Chrome中打开它基本相同。

构建Web应用程序时,压缩./build/web/目录的全部内容并将其上传到显示器,我得到一个完全白屏。当我使用Chrome打开index.html时,也会发生同样的情况。 Chrome浏览器表示,由于CORS政策的原因,它无法加载本地文件,我怀疑显示器也是如此。 但是,当我使用传统的Web框架(如Bootstrap)时,它会加载所有内容。也许这是因为它从CDN中提取了东西,也许是因为所有内容都在同一个html中(但是css不是,),我不知道。

所以问题是:是否有某种方法或解决方法可以让Flutter直接在浏览器中运行而无需外部或本地服务器?

0 个答案:

没有答案