Flutter Web 应用程序的 URL 中删除前导`#`
2023-09-11 14:20:21 时间
接上文
作者:坚果
公众号:“大前端之旅”
华为云享专家,InfoQ签约作者,阿里云专家博主,51CTO博客首席体验官,开源项目GVA成员之一,专注于大前端技术的分享,包括Flutter,小程序,安卓,VUE,JavaScript。
然后大家是不是发现上面有个# ,说实话,我看着也很烦,那么如何解决呢,其实也简单。导入下面的包
url_strategy: ^0.2.0
如何安装呢?控制台运行
flutter pub add url_strategy
url_strategy
Flutter 应用程序包,允许使用单行代码设置 Web URL 策略。
import 'package:url_strategy/url_strategy.dart';
void main() {
// Here we set the URL strategy for our web app.
// It is safe to call this function when running on mobile or desktop as well.
setPathUrlStrategy();
runApp(MyApp());
}
现在,您的 Flutter Web 应用程序的 URL 中将不再有前导#
。
即使在 web 以外的任何其他平台上运行(这是这个包的重点),调用该函数也是安全的。这意味着您可以setPathUrlStrategy
在移动设备或台式机上运行时安全地调用 - 这将只是一个 noop。
所以大家看到了吗?没有了哦。
相关文章
- List多个字段标识过滤 IIS发布.net core mvc web站点 ASP.NET Core 实战:构建带有版本控制的 API 接口 ASP.NET Core 实战:使用 ASP.NET Core Web API 和 Vue.js 搭建前后端分离项目 Using AutoFac
- web安全day42:使用BurpSuite理解Web工作机制
- Flutter State生命周期 Flutter Widget生命周期 Flutter 应用程序生命周期
- flutter ScaleTransition实现缩放动画
- Flutter 日期选择器与时间选择器
- flutter GridView 九宫格
- Flutter移动电商实战 --(24)Provide状态管理基础
- Web在线文件管理器(web os) KODExplorer
- ASP.NET Web API实践系列06, 在ASP.NET MVC 4 基础上增加使用ASP.NET WEB API
- [攻防世界]-WEB高手进阶区-Web_python_block_chain
- Flutter-现有iOS工程引入Flutter
- 原生与非原生移动应用程序优劣分析,Flutter、MAUI和SwiftUI 你应该选择哪个?
- Flutter for Web:为什么 Flutter 最适合 Web 应用开发?
- 如何使用 Flutter Web 构建 Chrome 扩展(教程含源码)
- Flutter实战-flutter混合开发报错:Failed to apply plugin [class ‘FlutterPlugin‘]
- flutter 系列之:flutter 中的幽灵offstage
- Flutter设置App的应用名字和应用logo图标的方法(android ios web)
- flutter制作具有自定义导航栏的渐进式 Web 应用程序
- Web 之 Eclipse 搭建 Gradle 环境/并且运行 Gradle 工程(spring web)简单整理
- Flutter 学习之旅 之 flutter 工程目录文件夹说明,以及几个简单 Flutter 案例
- Flutter开发 - 总结了两种设置阴影比较友好的方式
- Flutter开发 - Multiple widgets used the same GlobalKey.