{"id":2431,"date":"2024-10-31T18:19:30","date_gmt":"2024-10-31T09:19:30","guid":{"rendered":"http:\/\/blog.moramcnt.com\/?p=2431"},"modified":"2024-10-31T18:19:51","modified_gmt":"2024-10-31T09:19:51","slug":"vue-js-%ec%95%84%ed%8c%8c%ec%b9%98-%ec%97%b0%eb%8f%99","status":"publish","type":"post","link":"http:\/\/blog.moramcnt.com\/?p=2431","title":{"rendered":"Vue.js \uc544\ud30c\uce58 \uc5f0\ub3d9"},"content":{"rendered":"

I. \ubaa9\ud45c<\/strong><\/p>\n

VUE.JS\ub97c \ud65c\uc6a9\ud558\uc5ec \uc6f9\uc0ac\uc774\ud2b8\ub97c \uac1c\ubc1c\ud558\uae30 \uc704\ud558\uc5ec \uae30\ubcf8\uc801\uc778 \ud658\uacbd\uc124\uc815\uc744 \ud574\ubcf8\ub2e4.<\/p>\n

II. \uac1c\ubc1c\ubc0f \uc5f0\uad6c\ub0b4\uc6a9<\/strong><\/p>\n

1. \ube4c\ub4dc<\/p>\n

npm run build \uba85\ub839\uc73c\ub85c vue.js \ube4c\ub4dc\ub97c \ud558\uba74 \ud604 \ud504\ub85c\uc81d\ud2b8\uc758 \uacbd\uc6b0 target\\classes\\static \ud3f4\ub354\uc5d0 \ube4c\ub4dc\ub41c \ud30c\uc77c\uc774 \uc0dd\uc131\ub418\ub3c4\ub85d \uad6c\uc131\ub418\uc5b4 \uc788\ub2e4.<\/p>\n

2. \uc0dd\uc131\ub41c \ud3f4\ub354\ub97c Apache \uc11c\ubc84\uc5d0 \ubcf5\uc0ac\ud55c\ub2e4.<\/p>\n

3. Apache \ud658\uacbd\uc124\uc815<\/p>\n

\uc6b0\ubd84\ud22c \uc11c\ubc84\uc758 \/etc\/apache2\/site-available \ub85c \uc774\ub3d9\ud558\uc5ec conf\ud30c\uc77c\uc744 \uc544\ub798\uc640 \uac19\uc774 \uc791\uc131\ud55c\ub2e4.<\/p>\n\n\n\n
<VirtualHost *:80><\/p>\n

ServerAdmin admin@moramcnt.com<\/a><\/p>\n

DocumentRoot \/home\/cinema\/Service\/CinemaWebSolution\/cinema-backend-web<\/p>\n

DirectoryIndex index.htm index.html index.jsp index.do<\/p>\n

ServerName odc.mbizok.com<\/p>\n

<Directory \/home\/cinema\/Service\/CinemaWebSolution\/cinema-backend-web><\/p>\n

Options FollowSymLinks<\/p>\n

AllowOverride All<\/p>\n

Require all granted<\/p>\n

<\/Directory><\/p>\n

LogLevel warn<\/p>\n

ErrorLog \/var\/log\/apache2\/error-odc.mbizok.com.log<\/p>\n

CustomLog \/var\/log\/apache2\/access-odc.mbizok.com.log combined<\/p>\n

<\/VirtualHost><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

4. .htaccess \ud30c\uc77c\uc791\uc131<\/p>\n

\ube4c\ub4dc\ub41c vue.js \ud30c\uc77c\uc744 \ubcf5\uc0ac\ud560 web root\ub85c \uc774\ub3d9\ud558\uc5ec \uc791\uc131<\/p>\n\n\n\n
<IfModule mod_rewrite.c><\/p>\n

RewriteEngine On<\/p>\n

RewriteBase \/<\/p>\n

RewriteRule ^index\\.html$ – [L]\n

RewriteCond %{REQUEST_FILENAME} !-f<\/p>\n

RewriteCond %{REQUEST_FILENAME} !-d<\/p>\n

RewriteRule . \/404.html [L]\n

<\/IfModule><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

III. \uacb0\ub860<\/strong><\/p>\n

Vue.js\ub294 \uae30\ubcf8\uc801\uc73c\ub85c Javascript \ud55c\ud398\uc774\uc9c0\ub85c \uad6c\uc131\ub418\ub2e4\ubcf4\ub2c8, Rewrite\ubaa8\ub4c8\uc774 \ud544\uc694\ud588\uace0, \uc798 \ub3d9\uc791\ud558\ub294\uac83\uc744 \ud655\uc778\ud558\uc600\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"

I. \ubaa9\ud45c VUE.JS\ub97c \ud65c\uc6a9\ud558\uc5ec \uc6f9\uc0ac\uc774\ud2b8\ub97c \uac1c\ubc1c\ud558\uae30 \uc704\ud558\uc5ec \uae30\ubcf8\uc801\uc778 \ud658\uacbd\uc124\uc815\uc744 \ud574\ubcf8\ub2e4. II. \uac1c\ubc1c\ubc0f \uc5f0\uad6c\ub0b4\uc6a9 1. \ube4c\ub4dc npm run build \uba85\ub839\uc73c\ub85c vue.js \ube4c\ub4dc\ub97c \ud558\uba74 \ud604 \ud504\ub85c\uc81d\ud2b8\uc758 \uacbd\uc6b0 target\\classes\\static \ud3f4\ub354\uc5d0 \ube4c\ub4dc\ub41c \ud30c\uc77c\uc774 \uc0dd\uc131\ub418\ub3c4\ub85d \uad6c\uc131\ub418\uc5b4 \uc788\ub2e4. 2. \uc0dd\uc131\ub41c \ud3f4\ub354\ub97c Apache \uc11c\ubc84\uc5d0 \ubcf5\uc0ac\ud55c\ub2e4. 3. Apache \ud658\uacbd\uc124\uc815 \uc6b0\ubd84\ud22c \uc11c\ubc84\uc758 \/etc\/apache2\/site-available \ub85c \uc774\ub3d9\ud558\uc5ec conf\ud30c\uc77c\uc744 \uc544\ub798\uc640 \uac19\uc774 \uc791\uc131\ud55c\ub2e4. <VirtualHost *:80> ServerAdmin admin@moramcnt.com DocumentRoot […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[307],"tags":[308,309],"class_list":["post-2431","post","type-post","status-publish","format-standard","hentry","category-vue-js","tag-vue-js","tag-309"],"_links":{"self":[{"href":"http:\/\/blog.moramcnt.com\/index.php?rest_route=\/wp\/v2\/posts\/2431","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/blog.moramcnt.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.moramcnt.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.moramcnt.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.moramcnt.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2431"}],"version-history":[{"count":2,"href":"http:\/\/blog.moramcnt.com\/index.php?rest_route=\/wp\/v2\/posts\/2431\/revisions"}],"predecessor-version":[{"id":2433,"href":"http:\/\/blog.moramcnt.com\/index.php?rest_route=\/wp\/v2\/posts\/2431\/revisions\/2433"}],"wp:attachment":[{"href":"http:\/\/blog.moramcnt.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2431"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.moramcnt.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2431"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.moramcnt.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}