首页
前端开发

分类

当前位置: 云海天教程网 > 技术新闻 > 前端开发 >正文

.net5 blazor 部署到子目录 导航跳转路径错误 发布后增加导航前缀 的解决方案

更新时间:2020-11-19  作者:佚名   来源:网络转载


	.net5 blazor  部署到子目录 导航跳转路径错误 发布后增加导航前缀 的解决方案
[web前端开发]

先给官方文档地址:
https://docs.microsoft.com/zh-cn/aspnet/core/blazor/host-and-deploy/webassembly?view=aspnetcore-3.1#rewrite-urls-for-correct-routing
然后说下我的踩坑经验
1、server项目里面

	.net5 blazor  部署到子目录 导航跳转路径错误 发布后增加导航前缀 的解决方案
[web前端开发]

	.net5 blazor  部署到子目录 导航跳转路径错误 发布后增加导航前缀 的解决方案
[web前端开发]
 
添加到这里保证本地开发时候不会增加这个后缀
2、发布后的文件里面  记得是发布后的!!!!
因为直接在开发的项目里面修改index.html会导致路径不正确!
html里面怎么能判断是否在开发环境 这个还没找到解决方案 

	.net5 blazor  部署到子目录 导航跳转路径错误 发布后增加导航前缀 的解决方案
[web前端开发]
修改

	.net5 blazor  部署到子目录 导航跳转路径错误 发布后增加导航前缀 的解决方案
[web前端开发]
修改为
<base href="/你的子目录/" />
 
好了 解决问题!

动态跳转用
Navigation.ToBaseRelativePath("/testpage")  //自动增加前缀   
静态跳转用
"@(Navigation.BaseUri+"testpage")"
Navigation.BaseUri//自动获取到index.html的base  href   自己做拼接即可
 
Navigation是注入的NavigationManager 

@inject NavigationManager Navigation

 
 

.net5 blazor 部署到子目录 导航跳转路径错误 发布后增加导航前缀 的解决方案

原文地址:https://www.cnblogs.com/tolingsoft/p/13974998.html

上一篇: python获取当前路径和上一级路径 [编程语言教程] 下一篇: Python图像读写方法对比 [编程语言教程]
小编推荐
快速导航更多>>
JavaScript 教程 HTML5 教程 CSS3 教程 jQuery 教程 Vue.js 教程 Node.js 教程 SQL 教程 C 教程 PHP 教程 Linux 教程 Docker 教程 Nginx 教程 Python 教程 Java 教程

云海天教程网 版权所有

陕ICP备14013131号-3