{"id":2653,"date":"2020-03-07T17:20:56","date_gmt":"2020-03-07T08:20:56","guid":{"rendered":"https:\/\/naoya-ono.com\/blog\/?p=2653"},"modified":"2020-04-29T13:36:57","modified_gmt":"2020-04-29T04:36:57","slug":"laravel-vue-image","status":"publish","type":"post","link":"https:\/\/naoya-ono.com\/blog\/laravel-vue-image\/","title":{"rendered":"Vue\u3067Laravel\u306epublic\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u914d\u4e0b\u306b\u3042\u308b\u753b\u50cf\u3092\u8aad\u307f\u8fbc\u3080\u65b9\u6cd5"},"content":{"rendered":"

Laravel\u3060\u3051\u3067\u3042\u308c\u3070\u3001\u30d8\u30eb\u30d1\u30fc\u30e1\u30bd\u30c3\u30c9\u306e\u300casset\u300d\u3092\u4f7f\u3048\u3070public\u914d\u4e0b\u306e\u753b\u50cf\u3092\u8aad\u307f\u8fbc\u307f\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/span><\/p>\n

\"\"<\/span>\u3010Laravel\u306e\u4f7f\u3044\u65b9\u3011CSS\u30d5\u30a1\u30a4\u30eb\u30fbJS\u30d5\u30a1\u30a4\u30eb\u30fb\u753b\u50cf\u30d5\u30a1\u30a4\u30eb\u306e\u8aad\u307f\u8fbc\u307f\u65b9\u6cd5<\/span><\/a><\/p>\n

\u3057\u304b\u3057\u3001Vue.js\u3082\u4f7f\u3046\u3068\u306a\u308b\u3068\u3001Vue\u5185\u3067\u30d8\u30eb\u30d1\u30fc\u30e1\u30bd\u30c3\u30c9\u306f\u4f7f\u3048\u306a\u3044\u306e\u3067\u3001\u6b21\u306e\u3088\u3046\u306b\u66f8\u304f\u3053\u3068\u306f\u3067\u304d\u307e\u305b\u3093\u3002<\/p>\n

\n
<img src=\"{{ asset('\/img\/test.png') }}\" alt=\"\u30bf\u30a4\u30c8\u30eb\u30ed\u30b4\"><\/code><\/pre>\n<\/div>\n
Vue\u3067Laravel\u306epublic\u914d\u4e0b\u306b\u3042\u308b\u753b\u50cf\u30d5\u30a1\u30a4\u30eb\u3092\u8aad\u307f\u8fbc\u3080\u65b9\u6cd5<\/h2>\n
\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u69cb\u6210\u304c\u6b21\u306e\u3088\u3046\u306b\u306a\u3063\u3066\u3044\u305f\u3068\u3057\u307e\u3059\u3002<\/p>\n
\n
public\n  |__ img \n       |__ test.png\n<\/code><\/pre>\n<\/div>\n
Vue\u304b\u3089\u898b\u305f\u5834\u5408\u3001\/public\u304c\u30eb\u30fc\u30c8\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u306a\u308b\u305f\u3081\u3001\u6b21\u306e\u3088\u3046\u306b\u66f8\u3051\u753b\u50cf\u3092\u8aad\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/span><\/p>\n
\n
<img :src=\"'\/img\/test.png'\" alt=\"\u30bf\u30a4\u30c8\u30eb\u30ed\u30b4\"><\/code><\/pre>\n<\/div>\n
\u300csrc\u300d\u3067\u306f\u306a\u304f\u300c:src\u300d\u306b\u3057\u306a\u3044\u3068\u3044\u3051\u306a\u3044\u306e\u3067\u6ce8\u610f\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n
\n
\n
\n\t\t\t\t\t\t\t<\/a>\t\t\t\t\t<\/div>\n
\n
\n\t\t\t\t\t\t\t\t\tPHP\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30afLaravel\u5165\u9580 \u7b2c\uff12\u7248<\/a>\t\t\t\t\t\t\t<\/div>\n
\n
created by Rinker<\/a><\/div>\n
\u79c0\u548c\u30b7\u30b9\u30c6\u30e0<\/div>\n
\n\t\t\t\t\t\t\t<\/div>\n<\/p><\/div>\n