You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
При использовании Node.js/Express, мы рекомендуем пользоваться [connect-history-api-fallback middleware](https://github.com/bripkens/connect-history-api-fallback).
46
70
47
71
#### Internet Information Services (IIS)
48
-
```
72
+
73
+
```xml
49
74
<?xml version="1.0" encoding="UTF-8"?>
50
75
<configuration>
51
76
<system.webServer>
@@ -72,6 +97,15 @@ location / {
72
97
</configuration>
73
98
```
74
99
100
+
#### Caddy
101
+
102
+
```
103
+
rewrite {
104
+
regexp .*
105
+
to {path} /
106
+
}
107
+
```
108
+
75
109
## Предостережение
76
110
77
111
При таком подходе возникает одно неприятное последствие: сервер больше не будет выдавать ошибки 404, так как обслуживание всех путей отдаётся на откуп клиентскому роутингу. Частично эту проблему можно решить, указав путь по умолчанию во Vue-router:
@@ -85,4 +119,4 @@ const router = new VueRouter({
85
119
})
86
120
```
87
121
88
-
Если же вы используете на сервере Node.js, уже на стороне сервера можно задействовать конфигурацию роутера и решить таким образом проблему целиком.
122
+
Если же вы используете на сервере Node.js, уже на стороне сервера можно задействовать конфигурацию роутера и решить таким образом проблему целиком. Ознакомьтесь с [руководством по серверному рендерингу Vue.js](https://ssr.vuejs.org/ru/) для получения дополнительной информации.
Copy file name to clipboardExpand all lines: docs/ru/essentials/passing-props.md
+6-9Lines changed: 6 additions & 9 deletions
Original file line number
Diff line number
Diff line change
@@ -4,7 +4,7 @@
4
4
5
5
Для разделения компонента от маршрутизатора можно использовать входные данные:
6
6
7
-
**❌ Жёсткая связь с $route**
7
+
**❌ Жёсткая связь с `$route`**
8
8
9
9
```js
10
10
constUser= {
@@ -28,7 +28,7 @@ const router = new VueRouter({
28
28
routes: [
29
29
{ path:'/user/:id', component: User, props:true }
30
30
31
-
// для маршрутов с именованными представлениями, необходимо указывать опцию props для каждого именованного представления:
31
+
// для маршрутов с именованными представлениями, необходимо указывать опцию `props` для каждого именованного представления:
32
32
{
33
33
path:'/user/:id',
34
34
components: { default: User, sidebar: Sidebar },
@@ -46,8 +46,7 @@ const router = new VueRouter({
46
46
47
47
### Объект
48
48
49
-
Когда `props` объект, они будут установлены входными параметрами компонента как есть.
50
-
Полезно когда входные параметры являются статическими данными.
49
+
Когда `props` объект, они будут установлены входными параметрами компонента как есть. Полезно когда входные параметры являются статическими данными.
51
50
52
51
```js
53
52
constrouter=newVueRouter({
@@ -59,8 +58,7 @@ const router = new VueRouter({
59
58
60
59
### Функция
61
60
62
-
Вы можете создать функцию, которая вернёт объект с входными параметрами.
63
-
Это позволяет вам приводить параметры к другому типу, комбинировать статические значения с значениями из маршрута, и т.д.
61
+
Вы можете создать функцию, которая вернёт объект с входными параметрами. Это позволяет вам приводить параметры к другим типам, комбинировать статические значения с значениями из маршрута, и т.д.
64
62
65
63
```js
66
64
constrouter=newVueRouter({
@@ -70,9 +68,8 @@ const router = new VueRouter({
70
68
})
71
69
```
72
70
73
-
Ссылка: `/search?q=vue` также передаст `{query: "vue"}` в качестве входных параметров в компонент SearchUser.
71
+
Ссылка: `/search?q=vue` также передаст `{query: 'vue'}` в качестве входных параметров в компонент `SearchUser`.
74
72
75
-
Старайтесь держать функции генерации входных параметров независимыми от состояния, потому что они вызываются только при изменениях маршрута.
76
-
Используйте компонент обёртку, если вам нужно состояние для определения входных параметров, в таком случае Vue сможет реагировать на изменения состояния.
73
+
Старайтесь держать функции генерации входных параметров независимыми от состояния, потому что они вызываются только при изменениях маршрута. Используйте компонент обёртку, если вам нужно состояние для определения входных параметров, в таком случае Vue сможет реагировать на изменения состояния.
77
74
78
75
Для более продвинутого использования, смотрите [пример](https://github.com/vuejs/vue-router/blob/dev/examples/route-props/app.js).
0 commit comments