开发者社区> 问答> 正文

使用flutter build web 编译打包后部署到nginx服务器上,支付宝等显示空白页面

使用flutter创建的项目,在使用flutter build web 编译打包后,部署到nginx服务器上,在微信上可以打开,但是在支付宝,阿里卖家等app上却显示空白,已经使用html渲染模式还是一样,https://batgps.huangshengcai.work/myapp/ 这个就是部署的网站,就是一个新建的简单demo项目,有什么配置需要特殊处理吗?

展开
收起
1893178187497976 2024-01-09 13:41:59 123 0
1 条回答
写回答
取消 提交回答
  • 面对过去,不要迷离;面对未来,不必彷徨;活在今天,你只要把自己完全展示给别人看。

    这个问题可能是由于支付宝、阿里卖家等app的浏览器不支持某些特性导致的。你可以尝试以下方法来解决这个问题:

    1. 检查你的项目中是否使用了不支持的特性,例如某些CSS属性、JavaScript API等。如果有,请尝试替换为支持的特性。

    2. 使用flutter build web --web-renderer html命令进行编译,这样可以确保生成的HTML和CSS代码更符合标准,更容易被各种浏览器支持。

    3. 在nginx配置文件中添加以下内容,以确保请求的资源路径正确:

    location / {
        try_files $uri $uri/ /index.html;
    }
    
    1. 如果以上方法都无法解决问题,你可以尝试在其他浏览器上测试你的网站,以确定问题是否仅限于支付宝、阿里卖家等app。如果在其他浏览器上也无法正常显示,那么可能需要进一步检查你的项目代码和部署配置。
    2024-01-09 14:15:08
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
如何运维千台以上游戏云服务器 立即下载
网站/服务器取证 实践与挑战 立即下载
ECS计算与存储分离架构实践 立即下载