Skip to content

Commit 5463e3b

Browse files
Alex-Sokolovposva
authored andcommitted
[RU] Translation update (#1602)
* history-mode.md добавлена секция про caddy * history-mode.md правки * passing-props.md правки * navigation-guards.md обновлен * navigation-guards.md обновлен * history-mode.md добавлена новая секция * Update history-mode.md
1 parent 2aaf31b commit 5463e3b

File tree

3 files changed

+54
-23
lines changed

3 files changed

+54
-23
lines changed

docs/ru/advanced/navigation-guards.md

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -91,8 +91,8 @@ const Foo = {
9191
beforeRouteUpdate (to, from, next) {
9292
// вызывается когда маршрут, что рендерит этот компонент изменился,
9393
// но этот компонент будет повторно использован в новом маршруте.
94-
// Например, для маршрута с динамическими параметрами /foo/:id, когда мы
95-
// перемещаемся между /foo/1 и /foo/2, экземпляр того же компонента Foo
94+
// Например, для маршрута с динамическими параметрами `/foo/:id`, когда мы
95+
// перемещаемся между `/foo/1` и `/foo/2`, экземпляр того же компонента `Foo`
9696
// будет использован повторно, и этот хук будет вызван когда это случится.
9797
// Также имеется доступ в `this` к экземпляру компонента.
9898
},
@@ -119,15 +119,15 @@ beforeRouteEnter (to, from, next) {
119119

120120
### Полная цепочка обработки навигации
121121

122-
1. Срабатывание навигации
123-
2. Вызов leave-хуков в деактивируемых компонентах
124-
3. Вызов глобальных `beforeEach` хуков
125-
4. Вызов `beforeRouteUpdate` хука в переиспользуемых компонентах (2.2+)
126-
5. Вызов `beforeEnter` в конфигурации маршрута
127-
6. Разрешение асинхронных компонентов для маршрута
128-
7. Вызов `beforeRouteEnter` в активируемых компонентах
129-
8. Вызов глобальных `beforeResolve` хуков (2.5+)
130-
9. Навигация подтверждена
122+
1. Срабатывание навигации.
123+
2. Вызов leave-хуков в деактивируемых компонентах.
124+
3. Вызов глобальных `beforeEach` хуков.
125+
4. Вызов `beforeRouteUpdate` хука в переиспользуемых компонентах (2.2+).
126+
5. Вызов `beforeEnter` в конфигурации маршрута.
127+
6. Разрешение асинхронных компонентов для маршрута.
128+
7. Вызов `beforeRouteEnter` в активируемых компонентах.
129+
8. Вызов глобальных `beforeResolve` хуков (2.5+).
130+
9. Навигация подтверждена.
131131
10. Вызов глобальных `afterEach` хуков.
132132
11. Выполняется обновление DOM.
133133
12. Вызов коллбэков, переданных в `next` в `beforeRouteEnter` хуке с созданными экземплярами.

docs/ru/essentials/history-mode.md

Lines changed: 37 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -40,12 +40,37 @@ location / {
4040
}
4141
```
4242

43-
#### Node.js (Express)
43+
#### Node.js
44+
45+
```js
46+
const http = require("http")
47+
const fs = require("fs")
48+
const httpPort = 80
49+
50+
http.createServer((req, res) => {
51+
fs.readFile("index.htm", "utf-8", (err, content) => {
52+
if (err) {
53+
console.log('Невозможно открыть файл "index.htm".')
54+
}
55+
56+
res.writeHead(200, {
57+
"Content-Type": "text/html; charset=utf-8"
58+
})
59+
60+
res.end(content)
61+
})
62+
}).listen(httpPort, () => {
63+
console.log("Сервер запущен на: http://localhost:%s", httpPort)
64+
})
65+
```
66+
67+
#### Node.js c использованием Express
4468

4569
При использовании Node.js/Express, мы рекомендуем пользоваться [connect-history-api-fallback middleware](https://github.com/bripkens/connect-history-api-fallback).
4670

4771
#### Internet Information Services (IIS)
48-
```
72+
73+
```xml
4974
<?xml version="1.0" encoding="UTF-8"?>
5075
<configuration>
5176
<system.webServer>
@@ -72,6 +97,15 @@ location / {
7297
</configuration>
7398
```
7499

100+
#### Caddy
101+
102+
```
103+
rewrite {
104+
regexp .*
105+
to {path} /
106+
}
107+
```
108+
75109
## Предостережение
76110

77111
При таком подходе возникает одно неприятное последствие: сервер больше не будет выдавать ошибки 404, так как обслуживание всех путей отдаётся на откуп клиентскому роутингу. Частично эту проблему можно решить, указав путь по умолчанию во Vue-router:
@@ -85,4 +119,4 @@ const router = new VueRouter({
85119
})
86120
```
87121

88-
Если же вы используете на сервере Node.js, уже на стороне сервера можно задействовать конфигурацию роутера и решить таким образом проблему целиком.
122+
Если же вы используете на сервере Node.js, уже на стороне сервера можно задействовать конфигурацию роутера и решить таким образом проблему целиком. Ознакомьтесь с [руководством по серверному рендерингу Vue.js](https://ssr.vuejs.org/ru/) для получения дополнительной информации.

docs/ru/essentials/passing-props.md

Lines changed: 6 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44

55
Для разделения компонента от маршрутизатора можно использовать входные данные:
66

7-
**❌ Жёсткая связь с $route**
7+
**❌ Жёсткая связь с `$route`**
88

99
``` js
1010
const User = {
@@ -28,7 +28,7 @@ const router = new VueRouter({
2828
routes: [
2929
{ path: '/user/:id', component: User, props: true }
3030

31-
// для маршрутов с именованными представлениями, необходимо указывать опцию props для каждого именованного представления:
31+
// для маршрутов с именованными представлениями, необходимо указывать опцию `props` для каждого именованного представления:
3232
{
3333
path: '/user/:id',
3434
components: { default: User, sidebar: Sidebar },
@@ -46,8 +46,7 @@ const router = new VueRouter({
4646

4747
### Объект
4848

49-
Когда `props` объект, они будут установлены входными параметрами компонента как есть.
50-
Полезно когда входные параметры являются статическими данными.
49+
Когда `props` объект, они будут установлены входными параметрами компонента как есть. Полезно когда входные параметры являются статическими данными.
5150

5251
``` js
5352
const router = new VueRouter({
@@ -59,8 +58,7 @@ const router = new VueRouter({
5958

6059
### Функция
6160

62-
Вы можете создать функцию, которая вернёт объект с входными параметрами.
63-
Это позволяет вам приводить параметры к другому типу, комбинировать статические значения с значениями из маршрута, и т.д.
61+
Вы можете создать функцию, которая вернёт объект с входными параметрами. Это позволяет вам приводить параметры к другим типам, комбинировать статические значения с значениями из маршрута, и т.д.
6462

6563
``` js
6664
const router = new VueRouter({
@@ -70,9 +68,8 @@ const router = new VueRouter({
7068
})
7169
```
7270

73-
Ссылка: `/search?q=vue` также передаст `{query: "vue"}` в качестве входных параметров в компонент SearchUser.
71+
Ссылка: `/search?q=vue` также передаст `{query: 'vue'}` в качестве входных параметров в компонент `SearchUser`.
7472

75-
Старайтесь держать функции генерации входных параметров независимыми от состояния, потому что они вызываются только при изменениях маршрута.
76-
Используйте компонент обёртку, если вам нужно состояние для определения входных параметров, в таком случае Vue сможет реагировать на изменения состояния.
73+
Старайтесь держать функции генерации входных параметров независимыми от состояния, потому что они вызываются только при изменениях маршрута. Используйте компонент обёртку, если вам нужно состояние для определения входных параметров, в таком случае Vue сможет реагировать на изменения состояния.
7774

7875
Для более продвинутого использования, смотрите [пример](https://github.com/vuejs/vue-router/blob/dev/examples/route-props/app.js).

0 commit comments

Comments
 (0)