рдкреЛрд╕реНрдЯрдорд╛рд░реНрдЯрдо: рдорд┐рдбрд▓рд╡реЗрдпрд░ рдХрд╛ рдкрд╛рд▓рди рдХрд░реЗрдВ рдпрд╛ рд╣рдордиреЗ рдХреИрд╕реЗ рдЯрд┐рдкреНрдкрдгреА рдХреЛ рддреЛрдбрд╝ рджрд┐рдпрд╛

рдирдорд╕реНрддреЗ! рд╣рдорд╛рд░реЗ рдкрд╛рд╕ рдмрд╣реБрдд рдЕрдЪреНрдЫреА рдЦрдмрд░ рдирд╣реАрдВ рд╣реИ: рд╣рдордиреЗ рдореЛрдмрд╛рдЗрд▓ рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ рдПрдХ рдЧрд▓рддреА рдХреА рд╣реИ, рдЬреЛ рдЖрдкрдХреЛ рд╕рднреА рдЫреБрдЯреНрдЯрд┐рдпреЛрдВ рдХреЛ рдкрд░реЗрд╢рд╛рди рдХрд░ рд╕рдХрддреА рд╣реИред



рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рд╛рд░: рдПрдХ рд╡реНрдпрдХреНрддрд┐ рдПрдХ рдкреЛрд╕реНрдЯ рдкрд░ рдПрдХ рдЯрд┐рдкреНрдкрдгреА рднреЗрдЬрддрд╛ рд╣реИ, рдЗрд╕реЗ рдЕрдкрдиреЗ рд▓реЙрдЧрд┐рди рд╕реЗ рджреЗрдЦрддрд╛ рд╣реИ рдФрд░ рдкреГрд╖реНрда рдХреЛ рдЫреЛрдбрд╝ рджреЗрддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдпрджрд┐ рдЖрдк рдкреГрд╖реНрда рдХреЛ рддрд╛рдЬрд╝рд╛ рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рдпрд╣ рдЯрд┐рдкреНрдкрдгреА рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдПрдХ рдЕрд▓рдЧ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдирд╛рдо рдХреЗ рддрд╣рдд рд╣реЛрдЧреАред рдпрд╣ рдХреЗрд╡рд▓ рддрднреА рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ рдЬрдм рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдПрдХ рдкреЛрд╕реНрдЯ рдХреЗ рдкреЗрдЬ рдкрд░ рдПрдХ рд╕рд╛рде рдереЗред


рд╣рдорд╛рд░реЗ рдбреЗрдЯрд╛ рдХреЗ рдЕрдиреБрд╕рд╛рд░, рд╕рдкреНрддрд╛рд╣рд╛рдВрдд рдореЗрдВ, рдореЛрдмрд╛рдЗрд▓ рд╕рдВрд╕реНрдХрд░рдг рд╕реЗ 774 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдВ рднреЗрдЬреА рдЧрдИрдВред рдЙрдирдореЗрдВ рд╕реЗ рдкреНрд░рддреНрдпреЗрдХ рдкреАрдбрд╝рд┐рдд рд╣реЛ рд╕рдХрддрд╛ рд╣реИред


рдХреБрдЫ рддрдХрдиреАрдХреА рд╡рд┐рд╡рд░рдг

рд╣рдо VueJS + NodeJS (рдПрдХреНрд╕рдкреНрд░реЗрд╕, SSR) рдХреЗ рдПрдХ рд╕рдореВрд╣ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВред


NodeJS рдПрд╕рд┐рдВрдХреНрд░реЛрдирд╕ рд░реВрдк рд╕реЗ рдПрдХ рд╣реА рд╕реНрдЯреНрд░реАрдо рдореЗрдВ рдХрдИ рдХрдиреЗрдХреНрд╢рди рдкреНрд░рджрд╛рди рдХрд░рддрд╛ рд╣реИ, рдЕрд░реНрдерд╛рдд рдпрд╣ рд╕рднреА рдХреНрд▓рд╛рдЗрдВрдЯ рдХреЗ рд▓рд┐рдП рдПрдХ рдЙрджрд╛рд╣рд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реИред рдЗрд╕рдХрд╛ рдЕрд░реНрде рд╣реИ рдХрд┐ рд╡реИрд╢реНрд╡рд┐рдХ рдЪрд░ рдХреЗрд╡рд▓ рдПрдХ рдмрд╛рд░ рдЖрд░рдВрднрд┐рдХ рд╣реЛрддреЗ рд╣реИрдВ рдФрд░ рдЬрдм рддрдХ рдЬреАрд╡рд┐рдд рд░рд╣рддреЗ рд╣реИрдВ рддрдм рддрдХ рдЬреАрд╡рд┐рдд рд░рд╣рддреЗ рд╣реИрдВред


рдЗрд╕рд▓рд┐рдП, рдЖрдкрдХреЛ рдордзреНрдпрд╡рд░ рдХреЗ рдирд┐рд╖реНрдкрд╛рджрди рдХреНрд░рдо рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдмреЗрд╣рдж рд╕рд╛рд╡рдзрд╛рдиреА рдмрд░рддрдиреА рдЪрд╛рд╣рд┐рдП, рд╕рд╛рде рд╣реА рдЪрд░ рдореВрд▓реНрдпреЛрдВ рдХреА рдкрд░рд┐рднрд╛рд╖рд╛ рдФрд░ рдкреБрдирд░реНрд╡рд┐рддрд░рдг (рд╡рд┐рд╢реЗрд╖рдХрд░ рдпрджрд┐ рд╡реЗ рд╡реИрд╢реНрд╡рд┐рдХ рд╣реИрдВ)ред


рдФрд░ рд╣рдорд╛рд░реЗ рд╕рд╛рде рдРрд╕рд╛ рд╣реА рд╣реБрдЖ (рдпрд╣ рдПрдХ рдХреЛрдб рдЙрджрд╛рд╣рд░рдг рд╣реИ):


global.foo = 'bar'; app.get('/main', (req, res, next) => { res.send(global.foo); }); app.get('/change', (req, res, next) => { global.foo = global.foo === 'bar' ? 'barbar': 'bar'; res.send(global.foo); }); 

рд╕рд░реНрд╡рд░ рдХреНрдпрд╛ рд▓реМрдЯреЗрдЧрд╛?


  • рдХреНрд▓рд╛рдЗрдВрдЯ 1 рдСрди /main >>> 'рдмрд╛рд░'
  • рдХреНрд▓рд╛рдЗрдВрдЯ 2 рдкрд░ /change >>> 'рдмрд░реНрдмрд░'
  • рдЧреНрд░рд╛рд╣рдХ 1 рдкрд░ рдлрд┐рд░ рд╕реЗ /main >>> 'рдмрд░реНрдмрд░'

рдмреЗрд╢рдХ, рдЙрджрд╛рд╣рд░рдг рдмрд╣реБрдд рд╕рд░рд▓ рд╣реИ, рд▓реЗрдХрд┐рди рд╕рд┐рджреНрдзрд╛рдВрдд рд╕рдорд╛рди рд╣реИред


рдЕрдм рд╕рдм рдХреБрдЫ рд╡реИрд╕рд╛ рд╣реА рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ рдЬреИрд╕рд╛ рдЙрд╕реЗ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдПред рдХреГрдкрдпрд╛ рдЕрд╕реБрд╡рд┐рдзрд╛ рдХреЛ рдХреНрд╖рдорд╛ рдХрд░реЗрдВ, рдФрд░ рдпрджрд┐ рдЖрдк рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рд╕реЗ рдкреНрд░рднрд╛рд╡рд┐рдд рд╣реИрдВ, рддреЛ рдХреГрдкрдпрд╛ рдлрд╝реАрдбрдмреИрдХ рдлрд╝реЙрд░реНрдо рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рд╣рдорд╕реЗ рд╕рдВрдкрд░реНрдХ рдХрд░реЗрдВред


рд╣рдо рдЕрдкрдиреЗ рд╕рд╣реА рдорд╛рд▓рд┐рдХреЛрдВ рдХреЗ рд▓рд┐рдП рдЯрд┐рдкреНрдкрдгрд┐рдпреЛрдВ рдХреЛ рд╡рд╛рдкрд╕ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рдЕрд╡рд╕рд░ рдХреА рддрд▓рд╛рд╢ рдХрд░ рд░рд╣реЗ рд╣реИрдВ, рд╣рдо рдЖрдкрдХреЛ рдмрддрд╛рдПрдВрдЧреЗ рдХрд┐ рдЗрд╕рдХреЗ рдмрд╛рдж рдХреНрдпрд╛ рд╣реБрдЖред

Source: https://habr.com/ru/post/hi443268/


All Articles