Flutter Web部署到子路径的打包指令

news/2024/11/1 3:25:43/

打包指令:

flutter build web --web-renderer canvaskit --base-href /dev110/ --no-tree-shake-icons --dart-define=ENV=prod

参数说明:

  • --web-renderer canvaskit: 使用 canvaskit 渲染模式,可以提高图形和动画的质量。
  • --base-href /dev110/: 设置应用程序的基础路径为 /dev110/,这适合部署在子路径的情况。确保服务器支持路径下的静态资源。
  • --no-tree-shake-icons: 禁用图标的 tree shaking,确保所有图标资源在打包时保留。
  • --dart-define=ENV=prod: 设置环境变量 ENVprod,可以在应用中通过 String.fromEnvironment('ENV') 访问。

部署时需要注意:

  1. Web服务器配置

    • 确保服务器支持二级路由和 base-href 设置,例如在 Nginx 中配置静态资源的根目录为 /dev110/
    • 配置路由重写规则,避免用户刷新页面时出现 404 错误。一般来说,应该重写所有路由请求到 index.html
  2. 访问基础路径

    • 在生产环境访问 https://your-domain.com/dev110/ 进行测试,确保所有资源加载正常。

这样就可以在指定路径上正常运行 Flutter Web 项目并且支持二级路由了。


http://www.ppmy.cn/news/1543473.html

相关文章

SpringMvc day1031

ok了家人们今天继续学习SpringMvc,let‘s go? 2.9 静态资源放行 编写类继承于 WebMvcConfigurationSupport ,重写 addResourceHandlers 方法,在类上添加 Configuration 注 解。 addResourceHandler映射的地址,/**表…

使用GDAL库的ogr2ogr将GeoJSON数据导入到PostgreSql中

数据下载 数据下载地址:https://datav.aliyun.com/portal/school/atlas/area_selector 我这里下载全国所有城市的数据进行导入 下载安装GDAL 以下是安装 ogr2ogr(GDAL 工具集的一部分)的步骤,适用于 Windows、macOS 和 Linux 系…

通过secret_id和role_id连接Vault

怎么生成secret_id 和role_id 通过这篇文章可以找到: Jenkins pipeline 怎么连接Vault_jenkinsfile withvault-CSDN博客 当你拥有了secret_id 和role_id,你就可以通过以下代码来进行连接: VaultLoginByApprole(){role_id$1secret_id$2expo…

C语言数据结构学习:单链表

C语言数据结构学习: 汇总入口:C语言数据结构学习:[汇总] 单链表 1. 基础了解 学习之前先了解线性表、顺序表和链表 线性表的两个特点: 有限的序列序列中的每一个元素都有唯一的前驱和后继,除了开头和结尾两个节点 …

「Mac畅玩鸿蒙与硬件8」鸿蒙开发环境配置篇8 - 应用依赖与资源管理

本篇将介绍如何在 HarmonyOS 项目中高效管理资源文件和依赖,以确保代码结构清晰并提升应用性能。资源管理涉及图片、字符串、多语言文件等,通过优化文件加载和依赖管理,可以显著提升项目的加载速度和运行效率。 关键词 资源管理应用依赖优化…

【格言分享】程序员的经典名言解读

上一期文章我们分享了一些程序员的经典名言,每一句都蕴含着深刻的道理。 接下来就给大家一个一个分析一下 这些格言确实捕捉到了编程和软件开发的精髓,每一条都蕴含着丰富的经验和智慧。下面我将逐一解释这些格言,并分享一些我的看法。 C程序员永远不会灭亡。他们只是cast…

day03-LogStash

LogStash环境搭建 1.下载Logstash [10:17:18 rootelk2:/usr/local]#wget http://192.168.13.253/Resources/ElasticStack/softwares/logstash-7.17.23-amd64.deb2.安装Logstash [10:17:35 rootelk2:/usr/local]#dpkg -i logstash-7.17.23-amd64.deb 3.创建软连接&#xff0…

python psutil 模块概述

文章目录 psutil 模块概述支持的系统安装 psutil 使用示例CPU 信息获取内存信息获取磁盘信息获取网络信息获取 进程管理功能查看系统进程获取进程详情示例脚本:监控系统资源 总结核心功能使用场景主要优点 psutil 模块概述 psutil 是一个强大的跨平台 Python 库&am…