ページの内容はリフレッシュ時でも常に表示されます

Question

私はExpressを学びたいと思っていますし、bit.lyのウェブページ（URL短縮ツールなど）を作成しようとしています。ページに表示されているものはすべて表示されますが、ページをリフレッシュするとリンクはまだありますが、サーバーを再起動するまで消えません。私は新しいリンクを生成することができ、それは置き換えられますが、私がページをリフレッシュすると、それは消えません。

エクスプレス：任意の入力のための

var data; 
var url; 

/* GET home page. */ 
router.get('/', (req, res, next) => { 
    //var d_20803340c40722494a7c737b0725d0178d4e1d40; 
    res.render('index', { 'data': data, 'link': url }); 
}); 

/* POST HANDLER */ 
router.post('/link', function(req, res, next) { 
    var pattern = /^((http|https|):\/\/)/; 
    url = req.body.link; 

    if (!pattern.test(url)) 
    { 
     url = "http://" + url; 
     bitly.shorten(url) 
     .then(response => { 
      data = response.data.url; 

      res.redirect('/'); 
     }); 
    } 
}) 

感謝。

Answer 1

お客様のvar data;およびvar url;は、get機能の外にあるグローバルスコープにあります。これは、'/link'への投稿時に、urlとdataを設定すると、プログラム内のグローバルスコープに設定され、個々の要求の外にあることを意味します。これらの値をres.renderに送信しているので、設定されると、get要求ごとにクライアントに渡されます。

あなたがリフレッシュしているのは、プログラムが個々のリクエストの範囲外に格納されているためです。新しいGETリクエストとレンダリングをリフレッシュすると、毎回値。