1
00:00:00,000 --> 00:00:04,770
[MÚSICA]

2
00:00:04,770 --> 00:00:09,509
Habiendo entendido algunos detalles sobre cors en la conferencia anterior,

3
00:00:09,509 --> 00:00:15,670
en este ejercicio usaremos el módulo cors Node y configuraremos nuestro servidor express.

4
00:00:15,670 --> 00:00:21,760
Para permitir que el servidor responda con los

5
00:00:21,760 --> 00:00:26,340
encabezados relacionados cors apropiados a la solicitud que viene desde el sitio del cliente.

6
00:00:28,460 --> 00:00:36,060
Para empezar como era de esperar, primero instalaremos el módulo cors Node.

7
00:00:36,060 --> 00:00:39,280
Entonces, en el símbolo del sistema, escriba npm install.

8
00:00:39,280 --> 00:00:46,170
Asegúrese de que se encuentra en la carpeta del servidor ConFusion y, a continuación, cors — guardar.

9
00:00:46,170 --> 00:00:48,160
Y luego instale el módulo cors.

10
00:00:49,160 --> 00:00:54,140
Y como puede ver, en este curso estoy usando cors @2 .8.4.

11
00:00:54,140 --> 00:00:57,530
Una vez que haya instalado el módulo cors,

12
00:00:57,530 --> 00:01:03,260
vamos a nuestro editor y luego configurar nuestro servidor express.

13
00:01:03,260 --> 00:01:05,320
Ir a nuestro editor.

14
00:01:05,320 --> 00:01:10,360
Ahora en la carpeta de rutas, ahora es donde aplicaría principalmente

15
00:01:10,360 --> 00:01:14,980
el módulo cors porque ahí es donde se están atendiendo todas las diversas rutas.

16
00:01:14,980 --> 00:01:22,130
Entonces, en la carpeta de rutas, agregaré un nuevo archivo llamado cors.js.

17
00:01:22,130 --> 00:01:27,180
Y luego en este archivo, configuraremos el módulo cors.

18
00:01:27,180 --> 00:01:32,795
Ahora, esta es mi forma de poner toda la información relacionada con

19
00:01:32,795 --> 00:01:38,980
cors en un módulo de nodo basado en archivos separado aquí.

20
00:01:38,980 --> 00:01:42,445
Entonces, en el indicador,

21
00:01:42,445 --> 00:01:47,527
permítanme probar const express =

22
00:01:47,527 --> 00:01:53,979
require ('express').

23
00:01:53,979 --> 00:01:58,795
Y vamos a entrar,

24
00:02:02,831 --> 00:02:05,263
el módulo Cors.

25
00:02:10,379 --> 00:02:15,434
Const app = express (); y

26
00:02:15,434 --> 00:02:23,800
luego digamos una lista blanca de una matriz de cadenas.

27
00:02:23,800 --> 00:02:28,843
La lista blanca contiene todos los orígenes

28
00:02:28,843 --> 00:02:33,892
que este servidor está dispuesto a aceptar.

29
00:02:33,892 --> 00:02:38,942
Ahora voy a incluir un par de ellos aquí,

30
00:02:38,942 --> 00:02:41,793
localhost: 3000 y

31
00:02:41,793 --> 00:02:48,147
luego, anfitrión local 3443.

32
00:02:48,147 --> 00:02:53,415
Y si necesita más orígenes para agregarse a su lista blanca, simplemente puede agregarlos

33
00:02:53,415 --> 00:02:58,544
a su lista blanca porque estoy tratando explícitamente de configurar mi módulo cors.

34
00:02:58,544 --> 00:03:04,444
Así que aquí, declararé

35
00:03:04,444 --> 00:03:12,006
una función A aquí,

36
00:03:16,755 --> 00:03:23,000
con la solicitud y la devolución de la llamada se definen aquí.

37
00:03:23,000 --> 00:03:29,180
Y dentro de esto voy a pensar que las opciones de cors aquí.

38
00:03:29,180 --> 00:03:37,337
Así que comenzaré diciendo CorsOptions,

39
00:03:37,337 --> 00:03:43,683
var CorsOptions; y luego

40
00:03:43,683 --> 00:03:53,453
diré if (Whitelist.indexOf (req.header ('Origin'-

41
00:03:53,453 --> 00:03:56,850
))).

42
00:03:56,850 --> 00:04:01,920
Así que puede ver que aquí estamos especificando en el código aquí,

43
00:04:01,920 --> 00:04:03,390
estamos diciendo req.header.

44
00:04:03,390 --> 00:04:07,770
Entonces, si el encabezado de solicitud entrante contiene una fuente de origen,

45
00:04:07,770 --> 00:04:11,420
entonces vamos a verificar esta lista blanca.

46
00:04:11,420 --> 00:04:15,770
Buscando ese origen particular, ¿está presente en esta lista blanca?

47
00:04:15,770 --> 00:04:18,360
Así que es por eso que estamos diciendo Whitelist.indexOf.

48
00:04:18,360 --> 00:04:23,020
Entonces, esta es una operación de matriz que se está haciendo aquí.

49
00:04:23,020 --> 00:04:29,715
Y diremos que en el origen no es igual a -1.

50
00:04:30,810 --> 00:04:37,575
Como usted sabe, el índice de operación devolverá el índice mayor o

51
00:04:37,575 --> 00:04:42,057
igual a cero si esto está presente en esta matriz.

52
00:04:42,057 --> 00:04:46,620
Devolverá -1 si esto no está presente en esta matriz.

53
00:04:46,620 --> 00:04:51,155
Por lo tanto, una forma muy rápida de verificar si las

54
00:04:51,155 --> 00:04:54,860
solicitudes entrantes se originan en la lista blanca.

55
00:04:54,860 --> 00:04:58,875
En ese caso, diremos

56
00:04:58,875 --> 00:05:03,854
CorsOptions, CorsoPtions.

57
00:05:06,358 --> 00:05:11,027
CorsOptions = y aquí es donde

58
00:05:11,027 --> 00:05:15,541
especificaré {origin: true}

59
00:05:17,633 --> 00:05:23,038
Entonces diciendo {origin: true}, lo que significa que el

60
00:05:23,038 --> 00:05:27,830
origen original en la solicitud entrante está en la lista blanca.

61
00:05:27,830 --> 00:05:30,995
Así que permitiré que se acepte.

62
00:05:30,995 --> 00:05:36,305
Entonces, cuando configuro el origen es igual a verdadero aquí, entonces mi módulo cors

63
00:05:36,305 --> 00:05:42,565
responderá diciendo que el control de acceso permite el origen, y luego incluirá ese origen en

64
00:05:42,565 --> 00:05:47,590
los encabezados con la clave de origen de control de acceso permitido allí.

65
00:05:47,590 --> 00:05:53,130
Así que de esa manera se informará a mi lado del cliente diciendo que está bien

66
00:05:53,130 --> 00:05:59,250
que el servidor acepte esta solicitud para este origen en particular.

67
00:05:59,250 --> 00:06:03,858
De lo contrario, si ese no es el caso, entonces

68
00:06:03,858 --> 00:06:09,127
si el req.header ('Origen') no está en

69
00:06:09,127 --> 00:06:14,547
la lista blanca, entonces verá CorsOptions.

70
00:06:17,920 --> 00:06:19,610
{ origen: falso}.

71
00:06:19,610 --> 00:06:24,815
Entonces, cuando establece el origen en falso, entonces el controlador de acceso

72
00:06:24,815 --> 00:06:29,415
AlloWoriGin no será devuelto por mi sitio de servidor.

73
00:06:29,415 --> 00:06:33,411
Y luego, una vez que

74
00:06:33,411 --> 00:06:40,345
hayamos hecho eso, entonces diremos devolución de llamada (null, CorsOptions);.

75
00:06:40,345 --> 00:06:43,335
Eso es todo. Entonces, llamando a esta función aquí,

76
00:06:43,335 --> 00:06:48,010
CorsoptionsDelegate aquí, comprobaremos si la

77
00:06:48,010 --> 00:06:53,100
solicitud entrante pertenece a uno de los orígenes incluidos en la lista blanca.

78
00:06:53,100 --> 00:06:57,342
Si lo es, entonces responde con el control de acceso

79
00:06:57,342 --> 00:07:02,313
AllowOrigin con el origen de la solicitud establecida allí.

80
00:07:02,313 --> 00:07:08,490
De lo contrario, no incluirá ese control de acceso AlloWorigin cuando responda.

81
00:07:08,490 --> 00:07:16,250
Ahora, desde esta función, vamos a exportar cors como cors aquí.

82
00:07:16,250 --> 00:07:20,724
Ahora, si configura el módulo cors simplemente diciendo cors

83
00:07:20,724 --> 00:07:24,751
sin ninguna opción, entonces eso significa que esto

84
00:07:24,751 --> 00:07:29,597
responderá con el control de acceso AlloWorigin con el peaje de comodines.

85
00:07:29,597 --> 00:07:32,748
Hay ciertas reglas sobre las que esto es aceptable hacer,

86
00:07:32,748 --> 00:07:35,660
especialmente cuando realizamos operaciones get.

87
00:07:35,660 --> 00:07:37,830
Está bien aceptar eso.

88
00:07:37,830 --> 00:07:44,660
De lo contrario, diremos, CorsWithOptions = cors, y

89
00:07:44,660 --> 00:07:50,639
luego proporcionaremos la

90
00:07:50,639 --> 00:07:56,060
función) CorsOptionsDelegate) que acabamos de definir anteriormente.

91
00:07:57,290 --> 00:08:02,230
De esta manera, si necesita aplicar cors A

92
00:08:02,230 --> 00:08:07,190
con opciones específicas a una ruta en particular, usaremos esta función.

93
00:08:07,190 --> 00:08:09,960
De lo contrario, simplemente usaremos los cors estándar.

94
00:08:09,960 --> 00:08:15,030
Ahora que hemos definido el código relacionado con cors en cors.js,

95
00:08:15,030 --> 00:08:19,410
empecemos a aplicar esto a las diversas rutas.

96
00:08:19,410 --> 00:08:22,040
Entonces comenzaremos con el DishRouter.

97
00:08:22,040 --> 00:08:27,402
Así que vamos a abrir el DishRouter, y

98
00:08:27,402 --> 00:08:32,406
en el DishRouter, primero

99
00:08:32,406 --> 00:08:37,064
[RUIDO] importaremos [RUIDO]. /cors.

100
00:08:37,064 --> 00:08:41,320
Tenga en cuenta que el archivo cors.js está en la misma carpeta,

101
00:08:41,320 --> 00:08:45,300
por lo que podemos importarlo diciendo. /cors.js.

102
00:08:45,300 --> 00:08:47,417
Módulo de nodo basado en archivos.

103
00:08:47,417 --> 00:08:53,650
Ahora, para la solicitud GET, una vez que hayamos importado eso.

104
00:08:53,650 --> 00:08:58,970
Ahora, para el DishRouter, voy a configurar el campo de opciones.

105
00:08:58,970 --> 00:09:03,510
Entonces, como vio, cada vez que necesite verificar sus solicitudes,

106
00:09:03,510 --> 00:09:10,250
el cliente primero enviará el mensaje de solicitud HTTP OPTIONS y luego obtendrá

107
00:09:10,250 --> 00:09:14,340
la respuesta del lado del servidor antes de que realmente envíe la solicitud real.

108
00:09:14,340 --> 00:09:22,960
Por lo tanto, para las opciones, si el mensaje de opciones se recibe en esta ruta en particular,

109
00:09:22,960 --> 00:09:28,944
entonces vamos a responder como cors.corsWithOptions, y,

110
00:09:31,539 --> 00:09:38,022
Con la función de devolución de llamada aquí, que dice,

111
00:09:38,022 --> 00:09:45,773
Res.sendStatus, 200.

112
00:09:45,773 --> 00:09:51,850
No necesitamos enviar nada más que el estado desde aquí.

113
00:09:51,850 --> 00:09:55,120
Y así, cuando se recibe un mensaje de opciones,

114
00:09:55,120 --> 00:10:00,060
cuando esto responda, veremos qué resultados cuando enviamos una solicitud

115
00:10:02,570 --> 00:10:05,230
de opción desde el lado del cliente al lado del servidor en un corto vuelo.

116
00:10:05,230 --> 00:10:08,910
Ahora, estas opciones, voy a aplicar a cada ruta.

117
00:10:08,910 --> 00:10:11,998
Por lo tanto, para el Dishid, para

118
00:10:11,998 --> 00:10:16,560
el plato/comentarios, y también para

119
00:10:16,560 --> 00:10:22,605
el Dishid/Comments start, /:CommentID.

120
00:10:24,210 --> 00:10:28,417
Entonces, en todos los casos, voy a aplicar las mismas opciones allí.

121
00:10:30,360 --> 00:10:34,090
Ahora, volviendo a subir, para

122
00:10:34,090 --> 00:10:39,290
el GET, simplemente voy a aplicar cors.

123
00:10:39,290 --> 00:10:46,474
Entonces, para la solicitud GET, diré, Cors.cors,

124
00:10:46,474 --> 00:10:51,243
así que observe que este es el primer middleware que aplicaremos, y

125
00:10:51,243 --> 00:10:54,660
después de eso pasará a este mensaje aquí.

126
00:10:54,660 --> 00:10:58,380
Así que el middleware cors se introduce allí.

127
00:10:58,380 --> 00:11:05,750
Para la POST, aplicarán Cors.corsWithOptions.

128
00:11:05,750 --> 00:11:10,240
Lo mismo para eso, PUT,

129
00:11:12,704 --> 00:11:16,760
DELETE.

130
00:11:16,760 --> 00:11:21,550
Lo mismo para el POST restante, PUT y

131
00:11:21,550 --> 00:11:25,780
DELETE en todas las otras rutas aquí.

132
00:11:25,780 --> 00:11:31,562
Para GET, solo usaremos los cors,

133
00:11:31,562 --> 00:11:38,124
así que permítanme aplicar CorsWithOptions a POST

134
00:11:38,124 --> 00:11:43,437
, PUT y DELETE en todas las rutas aquí,

135
00:11:43,437 --> 00:11:47,201
así que POST, PUT y DELETE.

136
00:11:49,100 --> 00:11:52,711
Ahora, para la operación GET como vimos para

137
00:11:52,711 --> 00:11:57,750
la versión de DishRouter acabo de aplicar cors.cors,

138
00:11:57,750 --> 00:12:02,910
así que voy a copiar eso y luego aplicarlo a todos los GETs.

139
00:12:04,290 --> 00:12:09,580
Entonces, para este GET, luego desplácese hacia abajo para este GET, y

140
00:12:09,580 --> 00:12:16,340
luego también para el último, también aplicaré la misma opción.

141
00:12:16,340 --> 00:12:19,770
Así que mi DishRouter ahora está actualizado.

142
00:12:19,770 --> 00:12:23,672
Ahora, voy a hacer lo mismo con el PromoRouter,

143
00:12:23,672 --> 00:12:28,180
el LeaderRouter, el UploadRouter y también el users.js.

144
00:12:28,180 --> 00:12:32,660
Entonces, vamos a abrir el LeaderRouter a continuación.

145
00:12:32,660 --> 00:12:37,127
En LeaderRouter, lo primero, por supuesto, es

146
00:12:37,127 --> 00:12:41,086
incluir el módulo de nodo basado en archivos cors, así

147
00:12:41,086 --> 00:12:46,620
que permítanme copiarlo y luego pegarlo en LeaderRouter.

148
00:12:46,620 --> 00:12:52,970
Luego, las opciones, voy a aplicar lo mismo al LeaderRouter también.

149
00:12:52,970 --> 00:12:58,230
Entonces, para el LeaderRouter, aplicaré CorsWithOptions,

150
00:12:58,230 --> 00:13:01,370
y luego lo mismo con LeaderRouter o LeaderID.

151
00:13:01,370 --> 00:13:08,190
Solo tienes dos rutas aquí, así que aplicaré las opciones para ambas.

152
00:13:08,190 --> 00:13:12,160
Para las operaciones GET,

153
00:13:12,160 --> 00:13:15,905
necesito aplicar cors.cors, así que copiando esto desde el DishRouter.

154
00:13:17,180 --> 00:13:20,300
Este GET, aplicaré lo mismo, y

155
00:13:20,300 --> 00:13:24,120
luego también este GET, aplicaré lo mismo.

156
00:13:24,120 --> 00:13:31,680
Ahora, para POST, PUT y DELETE, como vio, aplicaremos Cors.corsWithOptions, For

157
00:13:37,239 --> 00:13:40,443
the POST

158
00:13:40,443 --> 00:13:45,790
, PUT y DELETE.

159
00:13:45,790 --> 00:13:50,462
Y lo mismo para el POST, PUT y

160
00:13:50,462 --> 00:13:54,850
DELETE del LeaderID también.

161
00:13:54,850 --> 00:13:59,410
Así que ahora mi LeaderRouter está actualizado, vamos a PromoRouter.

162
00:13:59,410 --> 00:14:05,537
Y en el PromoRouter también, comencemos en la parte inferior aquí para

163
00:14:05,537 --> 00:14:09,970
el DELETE, CorsWithOptions, PUT, POST.

164
00:14:11,130 --> 00:14:18,400
Luego, a este DELETE, PUT, POST.

165
00:14:18,400 --> 00:14:22,036
Y para el GET, por supuesto,

166
00:14:22,036 --> 00:14:29,480
los cors.cors siguen este GET y el otro GET abajo aquí abajo.

167
00:14:31,680 --> 00:14:36,620
Y luego, vamos a importar esos cors,

168
00:14:36,620 --> 00:14:40,782
así que copiando esto de mi LeaderRouter.

169
00:14:40,782 --> 00:14:44,940
Luego importamos cors aquí, y luego las opciones.

170
00:14:44,940 --> 00:14:48,713
Por lo tanto, voy a copiar las opciones desde aquí y

171
00:14:48,713 --> 00:14:54,190
luego entrar en el PromoRouter, voy a aplicar las opciones aquí.

172
00:14:56,020 --> 00:15:02,913
Y también a los otros PromoRouter, las mismas opciones.

173
00:15:02,913 --> 00:15:06,090
Ahora, UploadRouter.

174
00:15:06,090 --> 00:15:11,801
Así que vaya al UploadRouter, de nuevo,

175
00:15:11,801 --> 00:15:17,945
importar, Cor,

176
00:15:26,379 --> 00:15:30,904
Luego, después de eso, para el UploadRouter.Route,

177
00:15:30,904 --> 00:15:33,820
déjame aplicar las opciones allí.

178
00:15:36,859 --> 00:15:39,929
Y para el GET,

179
00:15:39,929 --> 00:15:44,590
diremos cors.cors.

180
00:15:44,590 --> 00:15:48,698
El POST sería cors.corsWithOptions.

181
00:15:52,360 --> 00:15:59,770
Lo mismo para el, PUT.

182
00:15:59,770 --> 00:16:04,510
Y elimine, para que mi enrutador de carga se actualice.

183
00:16:05,800 --> 00:16:08,090
El último son los usuarios.

184
00:16:08,090 --> 00:16:12,447
Entonces, en los usuarios, déjame,

185
00:16:21,187 --> 00:16:25,157
Importar coches, Y

186
00:16:25,157 --> 00:16:30,078
luego, en este caso porque estamos haciendo router.get, router.post, y así sucesivamente.

187
00:16:30,078 --> 00:16:37,500
Así que para cada uno de ellos, voy a entrar y aplicar explícitamente,

188
00:16:45,144 --> 00:16:50,900
coches.carsWithOptions, incluso para el GET aquí.

189
00:16:50,900 --> 00:16:54,398
Debido a que el GET lo realiza el administrador aquí,

190
00:16:54,398 --> 00:16:57,730
no se puede permitir a ningún otro usuario realizar eso.

191
00:16:57,730 --> 00:17:03,527
Pero el registro, también cochesWithOptions para

192
00:17:03,527 --> 00:17:10,540
el inicio de sesión también voy a aplicar, Eso es todo.

193
00:17:10,540 --> 00:17:12,966
Vamos a guardar todos los cambios para que

194
00:17:12,966 --> 00:17:17,147
tengamos actualizaciones de todas las rutas para usar coches.

195
00:17:17,147 --> 00:17:23,860
Vamos ahora a empezar nuestro servidor y luego ver cómo estos coches nos ayudan. Al

196
00:17:23,860 --> 00:17:27,122
ir a la terminal,

197
00:17:27,122 --> 00:17:31,857
déjame iniciar el sitio del servidor aquí.

198
00:17:31,857 --> 00:17:34,947
Y cuando se inicie el servidor,

199
00:17:34,947 --> 00:17:39,990
vayamos a nuestro cartero y luego enviemos una solicitud GET.

200
00:17:42,015 --> 00:17:47,475
Por lo tanto, cuando envía una solicitud GET a un localhost:

201
00:17:47,475 --> 00:17:52,890
3000dish, recibirá inmediatamente una respuesta del lado del servidor.

202
00:17:52,890 --> 00:17:57,690
Por supuesto en este momento mi base de datos está vacía, así que obtengo una matriz vacía aquí, pero

203
00:17:57,690 --> 00:18:01,260
veamos en particular los encabezados porque ahí es donde

204
00:18:02,260 --> 00:18:06,720
el punto de interés para nosotros está en este ejercicio.

205
00:18:06,720 --> 00:18:11,573
Así que aquí, puede ver que tenemos un encabezado adicional

206
00:18:11,573 --> 00:18:15,930
aquí llamado Access-Control-Allow-Origin.

207
00:18:15,930 --> 00:18:20,306
Así que el Access-Control-Allow-Origin como ves proporciona el coche salvaje,

208
00:18:20,306 --> 00:18:22,140
que es la estrella aquí.

209
00:18:22,140 --> 00:18:25,874
Lo que significa que, cualquier origen para acceder a este recurso en particular,

210
00:18:25,874 --> 00:18:30,485
por lo que el servidor dice que está bien, cualquier origen se le permitirá acceder a este recurso.

211
00:18:30,485 --> 00:18:32,960
Para la solicitud GET estamos contentos con eso.

212
00:18:34,070 --> 00:18:37,468
Vamos ahora a iniciar sesión en el sistema, y

213
00:18:37,468 --> 00:18:42,530
luego una vez que obtenemos el token, permítanme copiar el token aquí.

214
00:18:42,530 --> 00:18:49,210
Y luego realizaremos una operación de eliminación en nuestro sitio de servidor.

215
00:18:50,320 --> 00:18:54,930
Así que eliminaremos los platos aquí, así que

216
00:18:54,930 --> 00:19:01,360
permítanme incluir el, Token en el encabezado de autorización aquí.

217
00:19:01,360 --> 00:19:05,561
Y también observe que para la operación de eliminación estoy configurando el origen.

218
00:19:05,561 --> 00:19:13,280
Entonces otro campo aquí llamado origen a localhost: 3343 aquí.

219
00:19:13,280 --> 00:19:16,680
Entonces, indicando que esta operación de eliminación realmente está

220
00:19:17,860 --> 00:19:20,740
tratando de eliminar en este origen en particular aquí.

221
00:19:22,170 --> 00:19:28,521
Y así cuando realizamos esta operación así, si usted está haciendo esto desde un navegador,

222
00:19:28,521 --> 00:19:33,142
el origen será establecido automáticamente por el navegador

223
00:19:33,142 --> 00:19:37,779
basado en la página web desde la que se origina la solicitud.

224
00:19:37,779 --> 00:19:43,400
Pero aquí, ya que estamos usando Postman, tengo que establecer explícitamente el origen aquí.

225
00:19:43,400 --> 00:19:47,060
Así que permítanme enviar la solicitud con este campo de origen establecido aquí.

226
00:19:47,060 --> 00:19:51,415
Y luego notaría que el campo de encabezado ahora contiene

227
00:19:51,415 --> 00:19:57,615
Access-Control-Allow-Origin con el localhost: 3443 especificado aquí.

228
00:19:57,615 --> 00:20:02,280
Y como notarás que este origen está en la lista blanca.

229
00:20:02,280 --> 00:20:06,520
Es por eso que este Access-Control-Allow-Origin se establece

230
00:20:06,520 --> 00:20:10,520
en el mismo origen que especificamos allí.

231
00:20:10,520 --> 00:20:15,927
Si especifica un origen diferente, por ejemplo,

232
00:20:15,927 --> 00:20:23,430
si especifica, Diga localhost: 2000 por ejemplo.

233
00:20:23,430 --> 00:20:30,490
Notará que esto no tendrá, en la respuesta proveniente del servidor,

234
00:20:30,490 --> 00:20:36,210
esto no tendrá el Access-Control-Allow-Origin establecido aquí.

235
00:20:36,210 --> 00:20:42,790
Porque, esta dirección en particular no está en la lista blanca del sitio del servidor.

236
00:20:42,790 --> 00:20:45,710
Veamos ahora un ejemplo de preconfiguración de una solicitud.

237
00:20:45,710 --> 00:20:51,749
Así que para hacer eso, en el Cartero, seleccione Opciones aquí,

238
00:20:51,749 --> 00:20:56,718
y luego enviemos una solicitud de preflighting

239
00:20:56,718 --> 00:21:00,650
a localhost: 3443dish.

240
00:21:00,650 --> 00:21:05,170
Y en el encabezado lo haremos, Ponga

241
00:21:05,170 --> 00:21:10,725
el origen como: localhost3443.

242
00:21:10,725 --> 00:21:18,120
Y luego esto envía esta solicitud al servidor.

243
00:21:18,120 --> 00:21:22,575
Y en respuesta a esta solicitud de opciones que envió al servidor,

244
00:21:22,575 --> 00:21:27,540
notará que en el mensaje de respuesta diremos 204 Sin contenido.

245
00:21:27,540 --> 00:21:31,790
No hay contenido que devolver aquí.

246
00:21:31,790 --> 00:21:39,110
Sin embargo, cuando nos fijamos en los encabezados del mensaje de respuesta que viene, observe que

247
00:21:39,110 --> 00:21:43,960
tenemos el Access-Control-Allow-Origin que se establece en ese valor.

248
00:21:43,960 --> 00:21:47,750
También tenga en cuenta que establece los métodos Access-Control-Allow.

249
00:21:47,750 --> 00:21:52,340
Y aquí especifica los métodos que el servidor estará

250
00:21:52,340 --> 00:21:55,500
dispuesto a aceptar en este punto final.

251
00:21:55,500 --> 00:22:00,880
Por lo tanto, está informando al cliente diciendo que,

252
00:22:00,880 --> 00:22:06,240
todos estos métodos son aceptables para el servidor en el punto final correspondiente.

253
00:22:06,240 --> 00:22:12,120
Por lo tanto, así es como podemos hacer pre-flighting de una solicitud.

254
00:22:12,120 --> 00:22:16,130
Enviando el mensaje de solicitud de opciones primero, y

255
00:22:16,130 --> 00:22:19,700
luego recuperando la información del servidor aquí.

256
00:22:19,700 --> 00:22:24,030
Y como recordará, esto es lo que configuramos en la

257
00:22:24,030 --> 00:22:29,160
parte de opciones de cada uno de los puntos finales del enrutador.

258
00:22:29,160 --> 00:22:34,098
Así que así es como podemos configurar nuestro módulo de nodo de coches y

259
00:22:34,098 --> 00:22:40,490
luego configurar nuestro servidor para responder con varios mensajes de encabezado.

260
00:22:40,490 --> 00:22:43,360
Con esto completamos este ejercicio.

261
00:22:43,360 --> 00:22:48,080
En este ejercicio hemos visto cómo podemos configurar nuestro servidor para poder

262
00:22:48,080 --> 00:22:53,080
enviar varios encabezados relacionados con el curso en el mensaje de respuesta

263
00:22:53,080 --> 00:22:55,190
usando el módulo de nodo del curso.

264
00:22:56,330 --> 00:22:58,196
Con esto, completamos este ejercicio.

265
00:22:58,196 --> 00:23:01,515
Este es un buen momento para que hagas un comentario de GIT con el curso de mensajes.

266
00:23:01,515 --> 00:23:02,467
[ MÚSICA]