Nuxtアプリケーションã®åŸºæœ¬ï¼å„フォルダã®å½¹å‰²ãƒ»ç”»é¢é·ç§»ãƒ»é™çš„アクセス・WEB-APIã‹ã‚‰ãƒ‡ãƒ¼ã‚¿ã‚’å–å¾— - SE_BOKUã®ã¾ã¨ã‚ノート的ブãƒã‚°ç›®æ¬¡ ã¯ã˜ã‚ã« Nuxt.jsã‚’æ•´ç†ã™ã‚‹æ–¹é‡ Nuxt.js基本è¦ç´ ï¼æ‹¡å¼µåã¨ãƒ•ã‚©ãƒ«ãƒ€ã®å½¹å‰² ソースファイルã®æ‹¡å¼µåã¯ã€Œ.vue〠フォルダ構æˆã¨å„フォルダã®å½¹å‰² サンプルã§ã‚„ã‚‹ã“ã¨ã¨ç¢ºèªã—ãŸã„ãƒã‚¤ãƒ³ãƒˆ å…¨Vueファイルã®å…±é€šãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®è¨å®š 内部リンクã®æ›¸ãæ–¹ã¨ç”»é¢é·ç§»ï¼ˆãƒ«ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ï¼‰ãªã©ã‚’サンプルã§ç¢ºèª headerè¦ç´ ã«å‡ºåŠ›ã™ã‚‹å†…容ã®æ›¸ãæ–¹ assetsフォルダã«ç½®ã„ãŸé™çš„ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã®å‚ç…§ 内部リンクã«ã‚ˆã‚‹ç”»é¢é·ç§»ï¼ˆNLinkタグ）ã®æ›¸ãæ–¹ WebApiã‹ã‚‰ãƒ‡ãƒ¼ã‚¿ã‚’å–å¾—ã™ã‚‹ãªã©ã‚’サンプルã§ç¢ºèª ソース内ã®ãƒ–ãƒãƒƒã‚¯åˆ†ã‘ã¨å½¹å‰² asyncData()内ã§axiosを使ã£ã¦WebAPIã‹ã‚‰ãƒ‡ãƒ¼ã‚¿ã‚’å–得・表示 staticフォルダ内ã®é™çš„データã®å‚ç…§ ルートã®ãƒšãƒ¼ã‚¸ã«æˆ»ã‚‹å†…部é·ç§» 実行イメージ テスト用：Originã®ãƒã‚§ãƒƒã‚¯ã‚’è¡Œã‚ãªã„よã†ã«Chromeã‚’èµ·å‹•ã™ã‚‹æ–¹æ³• 開発環境：Visua
{{#tags}}- {{label}}
{{/tags}}