url-routing 相关问题

URL路由是将URL映射到其内容的过程。

单击项目时浅路由效果很好 <question vote="-1"><p><a href="https://i.sstatic.net/IxUgPj7W.png" rel="nofollow noreferrer"><img src="https://cdn.txt58.com/i/AWkuc3N0YXRpYy5uZXQvSXhVZ1BqN1cucG5n" alt="Shallow Routing works well when clicking on an item"/> 直接键入项目URL时，浅路由将抛出404 link link to Stackblitz显示了问题</a></p> <p><a href="https://i.sstatic.net/mnjCNRDs.png" rel="nofollow noreferrer"><img src="https://cdn.txt58.com/i/AWkuc3N0YXRpYy5uZXQvbW5qQ05SRHMucG5n" alt="Shallow routing throws 404 when typing item url directly in browser"/><code>src/routes/(news)/+layout.svelte</code></a></p><h3> <a href="https://stackblitz.com/edit/sveltejs-kit-template-default-jhgre8ys?file=src%2Froutes%2F(news)%2F%2Bpage.svelte" rel="nofollow noreferrer"><code><script lang="ts"> import './../../app.css' import { page } from '$app/stores'; import { pushState } from '$app/navigation'; import { MediaQuery } from 'svelte/reactivity'; const { children, data } = $props(); const large = new MediaQuery('min-width: 800px'); const hasNoDetailSelected = $derived.by(() => { return ( typeof $page.state.id === 'undefined' && typeof $page.state.title === 'undefined' ); }); function onClickItem() { pushState('/news/abcdabcd-abcd-abcd-abcd-abcdabcdabcd/title-1', {id: 'abcdabcd-abcd-abcd-abcd-abcdabcdabcd', title: 'title-1'}) } </script> <header class="header"> <h1> <a data-sveltekit-preload-data="off" href="/">TestNewsApp</a> </h1> </header> {#if large.current} <main style="flex-direction: row"> <div class="news-list-container"> <nav> <ul> <li onclick={onClickItem}>Item 1</li> </ul> </nav> </div> <div class="news-detail-container"> {@render children()} </div> </main> {:else if !large.current && hasNoDetailSelected} <main style="flex-direction: column"> <div class="news-list-container"> <nav> <ul> <li onclick={onClickItem}>Item 1</li> </ul> </nav> </div> </main> {:else} <main style="flex-direction: column"> <div class="news-detail-container"> {@render children()} </div> </main> {/if} <style> .news-detail-container { background-color: lightyellow; flex: 1; } .news-list-container { background-color: lightcyan; flex: 1; } main { display: flex; flex: 1; } </style> </code></a> </h3><p><strong><code>src/routes/(news)/+page.svelte</code><pre></pre></strong> </p><code><script lang='ts'> import {page} from '$app/stores'; </script> {#if $page.state.id && $page.state.title} <p>Detail Page</p> {:else} <p>Popular News</p> {/if} </code><pre> </pre>问题 <p> <strong>直接键入URL时，我该如何进行此项工作？ <pre> </pre> </strong> </p> <pre>我认为我已经修复了它，但我不确定这是否是正确的方法</pre> thythythysy您需要处理SSR案例的浅层和深度路由<h3> </h3>I创建了a/news/ [id管理 <ul> <li></li></ul><code>routes/(news)/news/[id]/[title]/+page.svelte</code></question><answer tick="false" vote="0"><ul> <li><code><script lang='ts'> import {page} from '$app/state' const {data, id, title} = $props() </script> <p>Detail Page What? {id || page.params.id} {title || page.params.title}</p> </code></li> <li> </li>现在您需要将此苗条文件重复使用作为处理浅路由的组件<li> </li> </ul><p><strong><code>routes/(news)/+page.svelte</code><pre></pre></strong> </p><code><script lang='ts'> import {page} from '$app/stores'; import DetailPage from './news/[id]/[title]/+page.svelte' </script> {#if $page.state.id && $page.state.title} <DetailPage id={$page.state.id} title={$page.state.title} /> {:else} <p>Popular News</p> {/if} </code><pre> </pre> notice如何使用细节页面组件<ul> <li>路由/（news）/+布局的条件也必须修改以处理SSR和参数 </li> </ul><code> const hasNoDetailSelected = $derived.by(() => { return ( typeof $pageFromStore.state.id === 'undefined' && typeof $pageFromStore.state.title === 'undefined' && typeof pageFromState.params.id === 'undefined' && typeof pageFromState.params.title === 'undefined' ); }); </code><p> <strong><pre>固定的存储库是stackblitz</pre></strong> </p> <pre>如果这不是做事的方法，请随时建议</pre> <ul> <li> </li><li>

svelte url-routing sveltekit pushstate

回答 0 投票 0

使用本地类型部署使用Ingress Controller：在一个根URL下访问所有服务是否可行？我有一个本地部署，可以部署3个服务，MLFLOW，KATIB和A K8S仪表板。我可以将这些部署为服务，并通过端口转发到每种服务并访问URL i ...

kubernetes nginx url-routing nginx-ingress kind

回答 1 投票 0

Browserrouter更改URL，而不链接到页面

这是我的页面的外观：

reactjs next.js url-routing

回答 1 投票 0

Fastapi：如何从请求中获取原始URL路径？

我在路径中具有请求参数的GET方法： @router.get（'/users/{user_id}'） async def get_user_from_string（user_id：str）：返回用户（user_id）是否可以获取基本URL原始路径...

python url-routing fastapi starlette