小编Ash*_*Ash的帖子

如何在 NextJS 中间件中获取查询字符串参数

我正在使用 NextJS 中间件，可以nextUrl从请求中获取对象，其中包括路径名等内容，但如何从中间件中获取查询字符串参数？我可以看到它作为 href 返回的字符串的一部分返回，然后我可以自己解析它，但我想知道它是否在它自己的对象中返回？

例如

export const middleware = (request) => {
  const { nextUrl: { query } } = request;
  ...
};

Run Code Online (Sandbox Code Playgroud)

其中query等于

{
  param1: 'foo',
  param2: 'bar',
  etc.
}

Run Code Online (Sandbox Code Playgroud)

javascript middleware next.js

Ash*_*Ash

lucky-day

18
推荐指数

3
解决办法

2万
查看次数

对齐不同父容器的子元素

我正在尝试跨容器垂直对齐可变高度元素，即每个容器中的第一个元素彼此垂直对齐，每个容器中的第二个元素彼此垂直对齐，等等。

我正在使用 flexbox 但不确定这是否可能？或者是否可以使用 CSS Grid？

期望的结果

请参阅我尚未设法使其工作的演示。

main {
  display: flex;
  flex-wrap: wrap;
}

.container {
  background: grey;
  margin: 0 10px 20px;
  padding: 10px;
  width: 200px;
}

.top {
  background: red;
}

.middle {
  background: blue;
}

.bottom {
  background: green;
}

Run Code Online (Sandbox Code Playgroud)

<main>
  <div class="container">
    <div class="top">Some text here, Some text here, Some text here</div>
    <div class="middle">And some here, And some here, And some here, And some here, And some here, And some here</div>
    <div class="bottom">And …

Run Code Online (Sandbox Code Playgroud)

html css flexbox css-grid

Ash*_*Ash

2017 04-17

8
推荐指数

2
解决办法

1505
查看次数