在Amazon Web Services上部署Nuxt - Nuxtjs<GydF4y2Ba/title> <link data-n-head="ssr" rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css"> <style data-vue-ssr-id="382a115c:0 382a115c:1 581dbee3:0 0a30b48d:0 998d77aa:0 a57b151a:0 9d6a3b2a:0 7623e186:0 23ab3f98:0 5689a37f:0 05d73238:0 527ea16a:0 381c207f:0 45849869:0 097e511d:0 37a8bf9e:0 0992462a:0 524a804a:0">@import url(https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700&display=swap);/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset{margin:0;padding:0}ol,ul{list-style:none;margin:0;padding:0}html{font-family:Quicksand,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';line-height:1.5}*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e2e8f0}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#a0aec0}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#a0aec0}input::placeholder,textarea::placeholder{color:#a0aec0}[role=button],button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}.snackbars{display:block;position:fixed;left:0;bottom:0;width:100%;height:0;z-index:100;overflow:visible}.snackbar{position:fixed;box-sizing:border-box;left:50%;bottom:14px;width:344px;margin-left:-172px;transform-origin:center;will-change:transform;transition:transform .3s ease,opacity .3s ease}.snackbar[aria-hidden=false]{-webkit-animation:snackbar-show .3s ease 1;animation:snackbar-show .3s ease 1}.snackbar[aria-hidden=true]{-webkit-animation:snackbar-hide .3s ease 1 forwards;animation:snackbar-hide .3s ease 1 forwards}@media (min-width:1080px){.snackbars-right .snackbar{left:auto;right:20px;margin-left:0}.snackbars-left .snackbar{left:20px;margin-left:0}}@-webkit-keyframes snackbar-show{0%{opacity:0;transform:translate3d(0,100%,0)}}@keyframes snackbar-show{0%{opacity:0;transform:translate3d(0,100%,0)}}@-webkit-keyframes snackbar-hide{to{opacity:0;transform:translateY(100%)}}@keyframes snackbar-hide{to{opacity:0;transform:translateY(100%)}}@media (max-width:400px){.snackbar{width:100%;bottom:0;left:0;margin-left:0;border-radius:0}}.snackbar--container{display:flex;background:#2a2a2a;border-radius:2px;box-shadow:0 1px 4px rgba(0,0,0,.5);color:#eee;cursor:default;margin-bottom:10px}.snackbar--text{flex:1 1 auto;padding:16px;font-size:100%}.snackbar--button{position:relative;flex:0 1 auto;padding:8px;height:36px;margin:auto 8px auto -8px;min-width:5em;background:0 0;border:none;border-radius:3px;color:#90ee90;font-weight:inherit;letter-spacing:.05em;font-size:100%;text-transform:uppercase;text-align:center;cursor:pointer;overflow:hidden;transition:background-color .2s ease;outline:0}.snackbar--button:hover{background-color:rgba(0,0,0,.15)}.snackbar--button:focus:before{content:"";position:absolute;left:50%;top:50%;width:120%;height:0;padding:0 0 120%;margin:-60% 0 0 -60%;background:hsla(0,0%,100%,.1);border-radius:50%;transform-origin:center;will-change:transform;-webkit-animation:focus-ring .3s ease-out 1 forwards;animation:focus-ring .3s ease-out 1 forwards;pointer-events:none}@-webkit-keyframes focus-ring{0%{transform:scale(.01)}}@keyframes focus-ring{0%{transform:scale(.01)}}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.bg-transparent{background-color:transparent}.bg-black{--bg-opacity:1;background-color:#000;background-color:rgba(0,0,0,var(--bg-opacity))}.bg-white{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.bg-gray-100{--bg-opacity:1;background-color:#f7fafc;background-color:rgba(247,250,252,var(--bg-opacity))}.bg-gray-200{--bg-opacity:1;background-color:#edf2f7;background-color:rgba(237,242,247,var(--bg-opacity))}.bg-gray-800{--bg-opacity:1;background-color:#2d3748;background-color:rgba(45,55,72,var(--bg-opacity))}.bg-orange-100{--bg-opacity:1;background-color:#fffaf0;background-color:rgba(255,250,240,var(--bg-opacity))}.bg-orange-200{--bg-opacity:1;background-color:#feebc8;background-color:rgba(254,235,200,var(--bg-opacity))}.bg-orange-500{--bg-opacity:1;background-color:#ed8936;background-color:rgba(237,137,54,var(--bg-opacity))}.bg-yellow-800{--bg-opacity:1;background-color:#975a16;background-color:rgba(151,90,22,var(--bg-opacity))}.bg-yellow-900{--bg-opacity:1;background-color:#744210;background-color:rgba(116,66,16,var(--bg-opacity))}.bg-green-100{--bg-opacity:1;background-color:#f0fff4;background-color:rgba(240,255,244,var(--bg-opacity))}.bg-green-500{--bg-opacity:1;background-color:#48bb78;background-color:rgba(72,187,120,var(--bg-opacity))}.bg-blue-100{--bg-opacity:1;background-color:#ebf8ff;background-color:rgba(235,248,255,var(--bg-opacity))}.bg-blue-200{--bg-opacity:1;background-color:#bee3f8;background-color:rgba(190,227,248,var(--bg-opacity))}.bg-blue-800{--bg-opacity:1;background-color:#2c5282;background-color:rgba(44,82,130,var(--bg-opacity))}.bg-blue-900{--bg-opacity:1;background-color:#2a4365;background-color:rgba(42,67,101,var(--bg-opacity))}.bg-purple-100{--bg-opacity:1;background-color:#faf5ff;background-color:rgba(250,245,255,var(--bg-opacity))}.bg-purple-200{--bg-opacity:1;background-color:#e9d8fd;background-color:rgba(233,216,253,var(--bg-opacity))}.bg-purple-800{--bg-opacity:1;background-color:#553c9a;background-color:rgba(85,60,154,var(--bg-opacity))}.bg-nuxt-gray{--bg-opacity:1;background-color:#2f495e;background-color:rgba(47,73,94,var(--bg-opacity))}.bg-nuxt-lightgreen{--bg-opacity:1;background-color:#00c58e;background-color:rgba(0,197,142,var(--bg-opacity))}.bg-nuxt-green{--bg-opacity:1;background-color:#108775;background-color:rgba(16,135,117,var(--bg-opacity))}.bg-primary-base{--bg-opacity:1;background-color:#00c58e;background-color:rgba(0,197,142,var(--bg-opacity))}.bg-light-surface{--bg-opacity:1;background-color:#f8fafc;background-color:rgba(248,250,252,var(--bg-opacity))}.bg-light-elevatedSurface{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.bg-dark-surface{--bg-opacity:1;background-color:#2c3e50;background-color:rgba(44,62,80,var(--bg-opacity))}.bg-dark-elevatedSurface{--bg-opacity:1;background-color:#2f495e;background-color:rgba(47,73,94,var(--bg-opacity))}.hover\:bg-gray-200:hover{--bg-opacity:1;background-color:#edf2f7;background-color:rgba(237,242,247,var(--bg-opacity))}.hover\:bg-gray-800:hover{--bg-opacity:1;background-color:#2d3748;background-color:rgba(45,55,72,var(--bg-opacity))}.hover\:bg-orange-600:hover{--bg-opacity:1;background-color:#dd6b20;background-color:rgba(221,107,32,var(--bg-opacity))}.hover\:bg-green-400:hover{--bg-opacity:1;background-color:#68d391;background-color:rgba(104,211,145,var(--bg-opacity))}.hover\:bg-nuxt-green:hover{--bg-opacity:1;background-color:#108775;background-color:rgba(16,135,117,var(--bg-opacity))}.hover\:bg-primary-light:hover{--bg-opacity:1;background-color:#00e0a1;background-color:rgba(0,224,161,var(--bg-opacity))}.dark-mode .dark\:bg-green-800{--bg-opacity:1;background-color:#276749;background-color:rgba(39,103,73,var(--bg-opacity))}.dark-mode .dark\:bg-dark-surface{--bg-opacity:1;background-color:#2c3e50;background-color:rgba(44,62,80,var(--bg-opacity))}.dark-mode .dark\:bg-dark-elevatedSurface{--bg-opacity:1;background-color:#2f495e;background-color:rgba(47,73,94,var(--bg-opacity))}.light-mode .light\:bg-light-surface{--bg-opacity:1;background-color:#f8fafc;background-color:rgba(248,250,252,var(--bg-opacity))}.dark-mode .dark\:hover\:bg-gray-800:hover{--bg-opacity:1;background-color:#2d3748;background-color:rgba(45,55,72,var(--bg-opacity))}.dark-mode .dark\:hover\:bg-dark-surface:hover{--bg-opacity:1;background-color:#2c3e50;background-color:rgba(44,62,80,var(--bg-opacity))}.light-mode .light\:hover\:bg-gray-200:hover{--bg-opacity:1;background-color:#edf2f7;background-color:rgba(237,242,247,var(--bg-opacity))}.light-mode .light\:hover\:bg-gray-300:hover{--bg-opacity:1;background-color:#e2e8f0;background-color:rgba(226,232,240,var(--bg-opacity))}.border-gray-300{--border-opacity:1;border-color:#e2e8f0;border-color:rgba(226,232,240,var(--border-opacity))}.border-nuxt-gray{--border-opacity:1;border-color:#2f495e;border-color:rgba(47,73,94,var(--border-opacity))}.border-nuxt-lightgreen{--border-opacity:1;border-color:#00c58e;border-color:rgba(0,197,142,var(--border-opacity))}.border-light-border{--border-opacity:1;border-color:#e2e8f0;border-color:rgba(226,232,240,var(--border-opacity))}.border-dark-border{--border-opacity:1;border-color:#718096;border-color:rgba(113,128,150,var(--border-opacity))}.focus\:border-primary-base:focus{--border-opacity:1;border-color:#00c58e;border-color:rgba(0,197,142,var(--border-opacity))}.dark-mode .dark\:border-gray-800{--border-opacity:1;border-color:#2d3748;border-color:rgba(45,55,72,var(--border-opacity))}.dark-mode .dark\:border-gray-900{--border-opacity:1;border-color:#1a202c;border-color:rgba(26,32,44,var(--border-opacity))}.dark-mode .dark\:border-dark-border{--border-opacity:1;border-color:#718096;border-color:rgba(113,128,150,var(--border-opacity))}.light-mode .light\:after\:border-light-onSurfacePrimary::after{--border-opacity:1;border-color:#2f495e;border-color:rgba(47,73,94,var(--border-opacity))}.dark-mode .dark\:after\:border-dark-onSurfacePrimary::after{--border-opacity:1;border-color:#f5f7fa;border-color:rgba(245,247,250,var(--border-opacity))}.rounded-sm{border-radius:.125rem}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.after\:rounded::after{border-radius:.25rem}.border-dashed{border-style:dashed}.border{border-width:1px}.border-r-0{border-right-width:0}.border-b-2{border-bottom-width:2px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.after\:border-2::after{border-width:2px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.after\:block::after{display:block}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.content-center{align-content:center}.self-start{align-self:flex-start}.self-center{align-self:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.order-1{order:1}.order-2{order:2}.float-right{float:right}.font-sans{font-family:Quicksand,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}.font-mono{font-family:Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.h-0{height:0}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-32{height:8rem}.h-40{height:10rem}.h-full{height:100%}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-6xl{font-size:4rem}.text-ss{font-size:.666666rem}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-loose{line-height:2}.list-none{list-style-type:none}.m-0{margin:0}.m-2{margin:.5rem}.m-4{margin:1rem}.-m-2{margin:-.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.my-8{margin-top:2rem;margin-bottom:2rem}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.mx-auto{margin-left:auto;margin-right:auto}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.-mx-4{margin-left:-1rem;margin-right:-1rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mr-1{margin-right:.25rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.mt-3{margin-top:.75rem}.mr-3{margin-right:.75rem}.mb-3{margin-bottom:.75rem}.ml-3{margin-left:.75rem}.mt-4{margin-top:1rem}.mr-4{margin-right:1rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.mt-6{margin-top:1.5rem}.mr-6{margin-right:1.5rem}.mb-6{margin-bottom:1.5rem}.ml-6{margin-left:1.5rem}.mt-8{margin-top:2rem}.mb-8{margin-bottom:2rem}.mt-12{margin-top:3rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mr-auto{margin-right:auto}.mt-px{margin-top:1px}.-mt-1{margin-top:-.25rem}.-mb-1{margin-bottom:-.25rem}.-mr-4{margin-right:-1rem}.-ml-4{margin-left:-1rem}.-mb-6{margin-bottom:-1.5rem}.after\:mb-1::after{margin-bottom:.25rem}.after\:mt-2::after{margin-top:.5rem}.min-h-screen{min-height:100vh}.object-cover{-o-object-fit:cover;object-fit:cover}.opacity-0{opacity:0}.opacity-75{opacity:.75}.hover\:opacity-100:hover{opacity:1}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.scrolling-touch{-webkit-overflow-scrolling:touch}.p-0{padding:0}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-24{padding-top:6rem;padding-bottom:6rem}.pr-0{padding-right:0}.pl-0{padding-left:0}.pt-1{padding-top:.25rem}.pb-1{padding-bottom:.25rem}.pt-2{padding-top:.5rem}.pb-2{padding-bottom:.5rem}.pl-2{padding-left:.5rem}.pt-3{padding-top:.75rem}.pb-3{padding-bottom:.75rem}.pt-4{padding-top:1rem}.pr-4{padding-right:1rem}.pb-4{padding-bottom:1rem}.pl-4{padding-left:1rem}.pt-6{padding-top:1.5rem}.pr-6{padding-right:1.5rem}.pb-6{padding-bottom:1.5rem}.pl-6{padding-left:1.5rem}.pt-8{padding-top:2rem}.pr-8{padding-right:2rem}.pb-8{padding-bottom:2rem}.pl-8{padding-left:2rem}.pt-10{padding-top:2.5rem}.pl-10{padding-left:2.5rem}.pb-12{padding-bottom:3rem}.pt-16{padding-top:4rem}.pb-16{padding-bottom:4rem}.pt-20{padding-top:5rem}.pb-20{padding-bottom:5rem}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.shadow-nuxt{box-shadow:0 0 8px rgba(0,0,0,.101562)}.shadow-reverse{box-shadow:0 -2px 4px 0 rgba(0,0,0,.05)}.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.fill-current{fill:currentColor}.stroke-current{stroke:currentColor}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.text-gray-300{--text-opacity:1;color:#e2e8f0;color:rgba(226,232,240,var(--text-opacity))}.text-gray-400{--text-opacity:1;color:#cbd5e0;color:rgba(203,213,224,var(--text-opacity))}.text-gray-500{--text-opacity:1;color:#a0aec0;color:rgba(160,174,192,var(--text-opacity))}.text-gray-600{--text-opacity:1;color:#718096;color:rgba(113,128,150,var(--text-opacity))}.text-gray-700{--text-opacity:1;color:#4a5568;color:rgba(74,85,104,var(--text-opacity))}.text-red-500{--text-opacity:1;color:#f56565;color:rgba(245,101,101,var(--text-opacity))}.text-red-600{--text-opacity:1;color:#e53e3e;color:rgba(229,62,62,var(--text-opacity))}.text-orange-300{--text-opacity:1;color:#fbd38d;color:rgba(251,211,141,var(--text-opacity))}.text-orange-600{--text-opacity:1;color:#dd6b20;color:rgba(221,107,32,var(--text-opacity))}.text-green-200{--text-opacity:1;color:#c6f6d5;color:rgba(198,246,213,var(--text-opacity))}.text-green-500{--text-opacity:1;color:#48bb78;color:rgba(72,187,120,var(--text-opacity))}.text-green-600{--text-opacity:1;color:#38a169;color:rgba(56,161,105,var(--text-opacity))}.text-blue-300{--text-opacity:1;color:#90cdf4;color:rgba(144,205,244,var(--text-opacity))}.text-blue-500{--text-opacity:1;color:#4299e1;color:rgba(66,153,225,var(--text-opacity))}.text-blue-600{--text-opacity:1;color:#3182ce;color:rgba(49,130,206,var(--text-opacity))}.text-purple-500{--text-opacity:1;color:#9f7aea;color:rgba(159,122,234,var(--text-opacity))}.text-nuxt-gray{--text-opacity:1;color:#2f495e;color:rgba(47,73,94,var(--text-opacity))}.text-nuxt-lightgreen{--text-opacity:1;color:#00c58e;color:rgba(0,197,142,var(--text-opacity))}.text-nuxt-green{--text-opacity:1;color:#108775;color:rgba(16,135,117,var(--text-opacity))}.text-primary-base{--text-opacity:1;color:#00c58e;color:rgba(0,197,142,var(--text-opacity))}.text-light-onSurfacePrimary{--text-opacity:1;color:#2f495e;color:rgba(47,73,94,var(--text-opacity))}.text-light-onSurfaceSecondary{--text-opacity:1;color:#606f7b;color:rgba(96,111,123,var(--text-opacity))}.text-light-elevatedSurface{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.text-dark-onSurfacePrimary{--text-opacity:1;color:#f5f7fa;color:rgba(245,247,250,var(--text-opacity))}.hover\:text-gray-300:hover{--text-opacity:1;color:#e2e8f0;color:rgba(226,232,240,var(--text-opacity))}.hover\:text-gray-900:hover{--text-opacity:1;color:#1a202c;color:rgba(26,32,44,var(--text-opacity))}.hover\:text-blue-400:hover{--text-opacity:1;color:#63b3ed;color:rgba(99,179,237,var(--text-opacity))}.hover\:text-nuxt-lightgreen:hover{--text-opacity:1;color:#00c58e;color:rgba(0,197,142,var(--text-opacity))}.hover\:text-primary-base:hover{--text-opacity:1;color:#00c58e;color:rgba(0,197,142,var(--text-opacity))}.hover\:text-light-onSurfacePrimary:hover{--text-opacity:1;color:#2f495e;color:rgba(47,73,94,var(--text-opacity))}.group:hover .group-hover\:text-gray-600{--text-opacity:1;color:#718096;color:rgba(113,128,150,var(--text-opacity))}.dark-mode .dark\:text-black{--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity))}.dark-mode .dark\:text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.dark-mode .dark\:text-gray-500{--text-opacity:1;color:#a0aec0;color:rgba(160,174,192,var(--text-opacity))}.dark-mode .dark\:text-gray-600{--text-opacity:1;color:#718096;color:rgba(113,128,150,var(--text-opacity))}.dark-mode .dark\:text-green-300{--text-opacity:1;color:#9ae6b4;color:rgba(154,230,180,var(--text-opacity))}.dark-mode .dark\:text-green-700{--text-opacity:1;color:#2f855a;color:rgba(47,133,90,var(--text-opacity))}.dark-mode .dark\:text-blue-300{--text-opacity:1;color:#90cdf4;color:rgba(144,205,244,var(--text-opacity))}.dark-mode .dark\:text-purple-300{--text-opacity:1;color:#d6bcfa;color:rgba(214,188,250,var(--text-opacity))}.dark-mode .dark\:text-nuxt-lightgreen{--text-opacity:1;color:#00c58e;color:rgba(0,197,142,var(--text-opacity))}.dark-mode .dark\:text-light-onSurfacePrimary{--text-opacity:1;color:#2f495e;color:rgba(47,73,94,var(--text-opacity))}.dark-mode .dark\:text-dark-surface{--text-opacity:1;color:#2c3e50;color:rgba(44,62,80,var(--text-opacity))}.dark-mode .dark\:text-dark-onSurfacePrimary{--text-opacity:1;color:#f5f7fa;color:rgba(245,247,250,var(--text-opacity))}.dark-mode .dark\:text-dark-onSurfaceSecondary{--text-opacity:1;color:#b8c2cc;color:rgba(184,194,204,var(--text-opacity))}.dark-mode .dark\:text-dark-elevatedSurface{--text-opacity:1;color:#2f495e;color:rgba(47,73,94,var(--text-opacity))}.light-mode .light\:text-light-onSurfacePrimary{--text-opacity:1;color:#2f495e;color:rgba(47,73,94,var(--text-opacity))}.light-mode .light\:text-light-onSurfaceSecondary{--text-opacity:1;color:#606f7b;color:rgba(96,111,123,var(--text-opacity))}.dark-mode .dark\:hover\:text-nuxt-lightgreen:hover{--text-opacity:1;color:#00c58e;color:rgba(0,197,142,var(--text-opacity))}.dark-mode .dark\:hover\:text-primary-base:hover{--text-opacity:1;color:#00c58e;color:rgba(0,197,142,var(--text-opacity))}.dark-mode .dark\:hover\:text-dark-onSurfacePrimary:hover{--text-opacity:1;color:#f5f7fa;color:rgba(245,247,250,var(--text-opacity))}.light-mode .light\:hover\:text-nuxt-lightgreen:hover{--text-opacity:1;color:#00c58e;color:rgba(0,197,142,var(--text-opacity))}.italic{font-style:italic}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.underline{text-decoration:underline}.no-underline{text-decoration:none}.hover\:underline:hover{text-decoration:underline}.hover\:no-underline:hover{text-decoration:none}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.visible{visibility:visible}.whitespace-no-wrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-0{width:0}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-24{width:6rem}.w-32{width:8rem}.w-40{width:10rem}.w-48{width:12rem}.w-auto{width:auto}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-full{width:100%}.after\:w-4\/5::after{width:80%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.transform{--transform-translate-x:0;--transform-translate-y:0;--transform-rotate:0;--transform-skew-x:0;--transform-skew-y:0;--transform-scale-x:1;--transform-scale-y:1;transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))}.hover\:translate-x-1:hover{--transform-translate-x:0.25rem}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform}.transition-colors{transition-property:background-color,border-color,color,fill,stroke}.transition-opacity{transition-property:opacity}.transition-transform{transition-property:transform}.ease-linear{transition-timing-function:linear}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:150ms}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}@-webkit-keyframes spin{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@-webkit-keyframes ping{100%,75%{transform:scale(2);opacity:0}}@keyframes ping{100%,75%{transform:scale(2);opacity:0}}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{0%,100%{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,100%{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@supports (position:sticky){@media (min-width:1024px){.sticky\?lg\:max-h-\(screen-24\){max-height:calc(100vh - 6rem)}}}.empty-after:after{content:""}.container-fluid{max-width:1280px;margin:auto}body{min-width:320px}a.nuxt-link-active,a.nuxt-link-exact-active{--text-opacity:1;color:#00c58e;color:rgba(0,197,142,var(--text-opacity))}.opacity-transition{transition:opacity .5s ease-out}.truncate-multiline-3{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}@media (min-width:640px){.sm\:container{width:100%}@media (min-width:640px){.sm\:container{max-width:640px}}@media (min-width:768px){.sm\:container{max-width:768px}}@media (min-width:1024px){.sm\:container{max-width:1024px}}@media (min-width:1280px){.sm\:container{max-width:1280px}}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:flex-row{flex-direction:row}.sm\:h-56{height:14rem}.sm\:h-full{height:100%}.sm\:text-xs{font-size:.75rem}.sm\:text-sm{font-size:.875rem}.sm\:mb-0{margin-bottom:0}.sm\:mr-4{margin-right:1rem}.sm\:p-0{padding:0}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.sm\:py-24{padding-top:6rem;padding-bottom:6rem}.sm\:pr-0{padding-right:0}.sm\:text-left{text-align:left}.sm\:text-center{text-align:center}.sm\:text-right{text-align:right}.sm\:w-auto{width:auto}.sm\:w-1\/2{width:50%}}@media (min-width:768px){.md\:container{width:100%}@media (min-width:640px){.md\:container{max-width:640px}}@media (min-width:768px){.md\:container{max-width:768px}}@media (min-width:1024px){.md\:container{max-width:1024px}}@media (min-width:1280px){.md\:container{max-width:1280px}}.md\:inline-block{display:inline-block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:flex-row{flex-direction:row}.md\:justify-center{justify-content:center}.md\:order-1{order:1}.md\:order-2{order:2}.md\:text-sm{font-size:.875rem}.md\:text-base{font-size:1rem}.md\:text-3xl{font-size:1.875rem}.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:-mx-4{margin-left:-1rem;margin-right:-1rem}.md\:mr-4{margin-right:1rem}.md\:max-w-full{max-width:100%}.md\:p-4{padding:1rem}.md\:px-0{padding-left:0;padding-right:0}.md\:py-2{padding-top:.5rem;padding-bottom:.5rem}.md\:py-3{padding-top:.75rem;padding-bottom:.75rem}.md\:px-5{padding-left:1.25rem;padding-right:1.25rem}.md\:py-8{padding-top:2rem;padding-bottom:2rem}.md\:pt-0{padding-top:0}.md\:pl-3{padding-left:.75rem}.md\:pb-4{padding-bottom:1rem}.md\:w-12{width:3rem}.md\:w-64{width:16rem}.md\:w-1\/2{width:50%}}@media (min-width:1024px){.lg\:container{width:100%}@media (min-width:640px){.lg\:container{max-width:640px}}@media (min-width:768px){.lg\:container{max-width:768px}}@media (min-width:1024px){.lg\:container{max-width:1024px}}@media (min-width:1280px){.lg\:container{max-width:1280px}}.lg\:bg-transparent{background-color:transparent}.lg\:border-t{border-top-width:1px}.lg\:block{display:block}.lg\:inline-block{display:inline-block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:h-8{height:2rem}.lg\:h-10{height:2.5rem}.lg\:h-24{height:6rem}.lg\:h-auto{height:auto}.lg\:text-xs{font-size:.75rem}.lg\:text-base{font-size:1rem}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:mt-0{margin-top:0}.lg\:mb-0{margin-bottom:0}.lg\:mb-2{margin-bottom:.5rem}.lg\:ml-4{margin-left:1rem}.lg\:-mt-1{margin-top:-.25rem}.lg\:-mt-8{margin-top:-2rem}.lg\:max-h-full{max-height:100%}.lg\:max-w-4xl{max-width:56rem}.lg\:min-h-screen{min-height:100vh}.lg\:overflow-visible{overflow:visible}.lg\:overflow-y-auto{overflow-y:auto}.lg\:overflow-y-visible{overflow-y:visible}.lg\:scrolling-touch{-webkit-overflow-scrolling:touch}.lg\:p-4{padding:1rem}.lg\:p-8{padding:2rem}.lg\:py-0{padding-top:0;padding-bottom:0}.lg\:py-2{padding-top:.5rem;padding-bottom:.5rem}.lg\:px-2{padding-left:.5rem;padding-right:.5rem}.lg\:py-3{padding-top:.75rem;padding-bottom:.75rem}.lg\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:pt-0{padding-top:0}.lg\:pr-0{padding-right:0}.lg\:pb-0{padding-bottom:0}.lg\:pl-0{padding-left:0}.lg\:pt-1{padding-top:.25rem}.lg\:pt-4{padding-top:1rem}.lg\:pr-8{padding-right:2rem}.lg\:pl-8{padding-left:2rem}.lg\:pb-20{padding-bottom:5rem}.lg\:static{position:static}.lg\:relative{position:relative}.lg\:sticky{position:sticky}.lg\:inset-0{top:0;right:0;bottom:0;left:0}.lg\:top-24{top:6rem}.lg\:text-left{text-align:left}.lg\:w-auto{width:auto}.lg\:w-1\/2{width:50%}.lg\:w-1\/3{width:33.333333%}.lg\:w-2\/3{width:66.666667%}.lg\:w-1\/4{width:25%}.lg\:w-3\/4{width:75%}.lg\:w-5\/12{width:41.666667%}.lg\:w-6\/12{width:50%}}@media (min-width:1280px){.xl\:container{width:100%}@media (min-width:640px){.xl\:container{max-width:640px}}@media (min-width:768px){.xl\:container{max-width:768px}}@media (min-width:1024px){.xl\:container{max-width:1024px}}@media (min-width:1280px){.xl\:container{max-width:1280px}}.xl\:h-64{height:16rem}.xl\:text-sm{font-size:.875rem}.xl\:text-lg{font-size:1.125rem}.xl\:text-3xl{font-size:1.875rem}.xl\:text-4xl{font-size:2.25rem}.xl\:text-5xl{font-size:3rem}.xl\:-mt-2{margin-top:-.5rem}.xl\:overflow-y-auto{overflow-y:auto}.xl\:px-4{padding-left:1rem;padding-right:1rem}.xl\:pt-0{padding-top:0}.xl\:w-4\/12{width:33.333333%}.xl\:w-6\/12{width:50%}}.light-mode .nuxt-content h2,.light-mode .nuxt-content h3,.light-mode .nuxt-content p{color:#2f495e}.light-mode .nuxt-content blockquote{color:#606f7b}.light-mode .nuxt-content a{--text-opacity:1;color:#00c58e;color:rgba(0,197,142,var(--text-opacity))}.light-mode .nuxt-content a:hover{text-decoration:underline}.light-mode .nuxt-content a code{--text-opacity:1;color:#00c58e;color:rgba(0,197,142,var(--text-opacity))}.light-mode .nuxt-content a code:hover{--text-opacity:1;color:#108775;color:rgba(16,135,117,var(--text-opacity))}.light-mode .nuxt-content code{--bg-opacity:1;background-color:#f7fafc;background-color:rgba(247,250,252,var(--bg-opacity));--text-opacity:1;color:#f56565;color:rgba(245,101,101,var(--text-opacity))}.light-mode .nuxt-content pre{position:static;background-color:#2f495e}.light-mode .nuxt-content pre code{background-color:transparent;color:#f5f7fa}.light-mode .nuxt-content .Alert{--bg-opacity:1;background-color:#ebf8ff;background-color:rgba(235,248,255,var(--bg-opacity));--text-opacity:1;color:#2f495e;color:rgba(47,73,94,var(--text-opacity))}.light-mode .nuxt-content .Alert a{--text-opacity:1;color:#3182ce;color:rgba(49,130,206,var(--text-opacity))}.light-mode .nuxt-content .Alert code{--text-opacity:1;color:#2c5282;color:rgba(44,82,130,var(--text-opacity));--bg-opacity:1;background-color:#bee3f8;background-color:rgba(190,227,248,var(--bg-opacity))}.light-mode .nuxt-content .Alert.Alert--orange{--bg-opacity:1;background-color:#fffaf0;background-color:rgba(255,250,240,var(--bg-opacity))}.light-mode .nuxt-content .Alert.Alert--orange a{--text-opacity:1;color:#dd6b20;color:rgba(221,107,32,var(--text-opacity))}.light-mode .nuxt-content .Alert.Alert--orange code{--text-opacity:1;color:#9c4221;color:rgba(156,66,33,var(--text-opacity));--bg-opacity:1;background-color:#feebc8;background-color:rgba(254,235,200,var(--bg-opacity))}.light-mode .nuxt-content .Promote{background-color:#edf2f7}.light-mode .nuxt-content .Promote .Promote__Content .Promote__Content__Title{color:#2f495e}.light-mode .nuxt-content .Promote .Promote__Content .Promote__Content__Description{color:#606f7b}.light-mode .nuxt-content .Promote .Promote__Content .Promote__Content__Signature{--text-opacity:1;color:#a0aec0;color:rgba(160,174,192,var(--text-opacity))}.light-mode .nuxt-content .Promote:hover{background-color:#e2e8f0;text-decoration:none}.dark-mode .nuxt-content h2,.dark-mode .nuxt-content h3,.dark-mode .nuxt-content p{color:#f5f7fa}.dark-mode .nuxt-content blockquote{color:#b8c2cc}.dark-mode .nuxt-content a{--text-opacity:1;color:#00c58e;color:rgba(0,197,142,var(--text-opacity))}.dark-mode .nuxt-content a:hover{text-decoration:underline}.dark-mode .nuxt-content a code{--text-opacity:1;color:#00c58e;color:rgba(0,197,142,var(--text-opacity))}.dark-mode .nuxt-content a code:hover{--text-opacity:1;color:#108775;color:rgba(16,135,117,var(--text-opacity))}.dark-mode .nuxt-content code{--bg-opacity:1;background-color:#2d3748;background-color:rgba(45,55,72,var(--bg-opacity));color:#e1e8f5}.dark-mode .nuxt-content pre{background-color:#1e344c}.dark-mode .nuxt-content pre code{background-color:transparent;color:#f5f7fa}.dark-mode .nuxt-content .Alert{background-color:#205d80}.dark-mode .nuxt-content .Alert a{--text-opacity:1;color:#90cdf4;color:rgba(144,205,244,var(--text-opacity))}.dark-mode .nuxt-content .Alert code{--text-opacity:1;color:#2c5282;color:rgba(44,82,130,var(--text-opacity));--bg-opacity:1;background-color:#bee3f8;background-color:rgba(190,227,248,var(--bg-opacity))}.dark-mode .nuxt-content .Alert.Alert--orange{background-color:#4c4c4c}.dark-mode .nuxt-content .Alert.Alert--orange a{--text-opacity:1;color:#dd6b20;color:rgba(221,107,32,var(--text-opacity))}.dark-mode .nuxt-content .Alert.Alert--orange code{--text-opacity:1;color:#9c4221;color:rgba(156,66,33,var(--text-opacity));--bg-opacity:1;background-color:#feebc8;background-color:rgba(254,235,200,var(--bg-opacity))}.dark-mode .nuxt-content .Promote{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);background:#2c3e50}.dark-mode .nuxt-content .Promote .Promote__Content .Promote__Content__Title{color:#f5f7fa}.dark-mode .nuxt-content .Promote .Promote__Content .Promote__Content__Description{color:#b8c2cc}.dark-mode .nuxt-content .Promote .Promote__Content .Promote__Content__Signature{--text-opacity:1;color:#a0aec0;color:rgba(160,174,192,var(--text-opacity))}.dark-mode .nuxt-content .Promote:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);background-color:#233344;text-decoration:none}.nuxt-content img{border-radius:.25rem;margin:auto}.nuxt-content video{width:100%}.nuxt-content h2 a,.nuxt-content h3 a,.nuxt-content h4 a,.nuxt-content h5 a,.nuxt-content h6 a{margin:0 -1.5rem;padding:0 1.5rem 1.7rem 0}.nuxt-content h2 .icon-link,.nuxt-content h2 a,.nuxt-content h3 .icon-link,.nuxt-content h3 a,.nuxt-content h4 .icon-link,.nuxt-content h4 a,.nuxt-content h5 .icon-link,.nuxt-content h5 a,.nuxt-content h6 .icon-link,.nuxt-content h6 a{float:left;display:inline-block;height:14px;margin-top:8px;position:relative;width:14px}.nuxt-content h2 .icon-link .icon-link,.nuxt-content h2 a .icon-link,.nuxt-content h3 .icon-link .icon-link,.nuxt-content h3 a .icon-link,.nuxt-content h4 .icon-link .icon-link,.nuxt-content h4 a .icon-link,.nuxt-content h5 .icon-link .icon-link,.nuxt-content h5 a .icon-link,.nuxt-content h6 .icon-link .icon-link,.nuxt-content h6 a .icon-link{background-image:url(/_nuxt/6c59b9907d19e9665455acbfcb710b53.svg);background-size:14px 14px;visibility:hidden}.nuxt-content h2:hover .icon-link,.nuxt-content h3:hover .icon-link,.nuxt-content h4:hover .icon-link,.nuxt-content h5:hover .icon-link,.nuxt-content h6:hover .icon-link{visibility:visible}.nuxt-content h2{position:relative;font-size:1.875rem;font-weight:600;display:table;margin-top:2rem;margin-bottom:.75rem}.nuxt-content h2 code{font-size:1.25rem}.nuxt-content h2 a.icon-link{padding-top:.5rem}.nuxt-content h3{position:relative;font-size:1.5rem;font-weight:600;display:table;margin-top:2rem;padding-bottom:.75rem}.nuxt-content h3 code{font-size:1.125rem}.nuxt-content h3 a.icon{padding-top:.5rem}.nuxt-content h4{position:relative;font-size:1.25rem;font-weight:600;display:table;padding-top:1.5rem;padding-bottom:.5rem}.nuxt-content h4 code{font-size:1rem}.nuxt-content h4 a.icon{padding-top:0}.nuxt-content p{line-height:1.625;padding-top:.25rem;padding-bottom:.25rem;margin-bottom:.5rem;transition-property:background-color,border-color,color,fill,stroke;transition-duration:.3s;transition-timing-function:linear}.nuxt-content li p{display:inline-block}.nuxt-content blockquote{font-style:italic;line-height:2}.nuxt-content code{padding:.25rem;font-style:normal;border-radius:.25rem;font-size:.875rem;word-break:break-word}.nuxt-content a{overflow-wrap:break-word}.nuxt-content a:hover{text-decoration:underline}.nuxt-content pre{border-radius:.25rem;padding:.5rem;margin-top:.5rem;margin-bottom:.5rem;overflow:auto}.nuxt-content pre code{background-color:transparent;padding:0}.nuxt-content b,.nuxt-content strong{font-weight:700}.nuxt-content .Alert{padding-left:1rem;padding-right:1rem;padding-top:.5rem;padding-bottom:.5rem;border-radius:.25rem;margin-top:1rem;margin-bottom:1rem}.nuxt-content .Alert p{margin-bottom:0}.nuxt-content .Promote{display:flex;flex-direction:column;padding:1rem;margin-top:1rem;margin-bottom:1rem;border-radius:.25rem}.nuxt-content .Promote img{height:auto;width:100%;margin-bottom:.75rem;border-radius:.25rem}@media (min-width:640px){.nuxt-content .Promote img{max-width:240px;margin-bottom:0}}.nuxt-content .Promote .Promote__Content .Promote__Content__Title{font-size:1.25rem}.nuxt-content .Promote .Promote__Content .Promote__Content__Description{line-height:1.625;padding-top:.25rem;padding-bottom:.25rem;padding-bottom:1rem;font-size:.875rem}.nuxt-content .Promote .Promote__Content .Promote__Content__Signature{font-size:.75rem;margin:0;padding:0;line-height:1}@media (min-width:640px){.nuxt-content .Promote{flex-direction:row}.nuxt-content .Promote .Promote__Content{padding-left:1rem}}.nuxt-content ol,.nuxt-content ul{list-style-position:inside;padding-top:.25rem;padding-bottom:.25rem;padding-left:.25rem}.nuxt-content ol li,.nuxt-content ul li{padding-top:.5rem;padding-bottom:.5rem}.nuxt-content ol ol,.nuxt-content ol ul,.nuxt-content ul ol,.nuxt-content ul ul{padding-left:1rem;padding-top:.25rem}.nuxt-content ol{list-style-type:decimal}.nuxt-content ul{list-style-type:disc}.nuxt-content-highlight{position:relative}.nuxt-content-highlight>.filename{position:absolute;right:0;top:0;--text-opacity:1;color:#cbd5e0;color:rgba(203,213,224,var(--text-opacity));font-weight:300;z-index:10;margin-right:.5rem;margin-top:.25rem;font-size:.875rem}.nuxt-content-highlight>.copy{display:none;position:absolute;right:0;bottom:0;line-height:1;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);padding-left:.25rem;padding-right:.25rem;padding-top:.25rem;padding-bottom:.25rem;--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));--bg-opacity:1;background-color:#2d3748;background-color:rgba(45,55,72,var(--bg-opacity));font-size:.875rem;text-transform:uppercase;border-radius:.375rem;border-width:1px;--border-opacity:1;border-color:#fff;border-color:rgba(255,255,255,var(--border-opacity));font-weight:600;margin-right:.5rem;margin-bottom:.5rem}.nuxt-content-highlight>.copy:hover{--bg-opacity:1;background-color:#4a5568;background-color:rgba(74,85,104,var(--bg-opacity))}.nuxt-content-highlight>.copy:focus{outline:2px solid transparent;outline-offset:2px;--bg-opacity:1;background-color:#1a202c;background-color:rgba(26,32,44,var(--bg-opacity))}.nuxt-content-highlight:hover>.copy{display:block}.nuxt-content .token.comment{color:#acb5b9}@media(max-width:678px){.nuxt-content table{display:block;width:100%;overflow-x:scroll}}html[dir=rtl] .algolia-wrapper svg:first-child{margin-right:.75rem!important;margin-left:0!important}html[dir=rtl] .algolia-wrapper input#algolia-main{padding-right:2.5em!important;padding-left:0!important;direction:rtl}html[dir=rtl] .algolia-wrapper button[aria-label="Clear input"]{right:unset!important;left:0!important}html[dir=rtl] .nuxt-content pre{direction:ltr!important}lite-youtube{background-color:#000;position:relative;display:block;contain:content;background-position:50%;background-size:cover;cursor:pointer;max-width:720px}lite-youtube:before{content:"";display:block;position:absolute;top:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);background-position:top;background-repeat:repeat-x;height:60px;padding-bottom:50px;width:100%;transition:all .2s cubic-bezier(0,0,.2,1)}lite-youtube:after{content:"";display:block;padding-bottom:56.25%}lite-youtube>iframe{width:100%;height:100%;position:absolute;top:0;left:0;border:0}lite-youtube>.lty-playbtn{width:68px;height:48px;position:absolute;cursor:pointer;transform:translate3d(-50%,-50%,0);top:50%;left:50%;z-index:1;background-color:transparent;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path fill="%23f00" fill-opacity="0.8" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>');filter:grayscale(100%);transition:filter .1s cubic-bezier(0,0,.2,1);border:none}lite-youtube .lty-playbtn:focus,lite-youtube:hover>.lty-playbtn{filter:none}lite-youtube.lyt-activated{cursor:unset}lite-youtube.lyt-activated:before,lite-youtube.lyt-activated>.lty-playbtn{opacity:0;pointer-events:none}.lyt-visually-hidden{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}code[class*=language-],pre[class*=language-]{text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;color:#c3cee3;background:#263238;font-family:Roboto Mono,monospace;font-size:1em;line-height:1.5em;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{background:#363636}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{background:#363636}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{background:#363636}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.2em;padding:.1em}pre[class*=language-]{overflow:auto;position:relative;margin:.5em 0;padding:1.25em 1em}.language-css>code,.language-sass>code,.language-scss>code{color:#fd9170}[class*=language-] .namespace{opacity:.7}.token.atrule{color:#c792ea}.token.attr-name{color:#ffcb6b}.token.attr-value,.token.attribute{color:#c3e88d}.token.boolean{color:#c792ea}.token.builtin{color:#ffcb6b}.token.cdata,.token.char{color:#80cbc4}.token.class{color:#ffcb6b}.token.class-name,.token.color{color:#f2ff00}.token.comment{color:#546e7a}.token.constant{color:#c792ea}.token.deleted{color:#f07178}.token.doctype{color:#546e7a}.token.entity{color:#f07178}.token.function{color:#c792ea}.token.hexcode{color:#f2ff00}.token.id,.token.important{color:#c792ea;font-weight:700}.token.inserted{color:#80cbc4}.token.keyword{color:#c792ea;font-style:italic}.token.number{color:#fd9170}.token.operator{color:#89ddff}.token.prolog{color:#546e7a}.token.property{color:#80cbc4}.token.pseudo-class,.token.pseudo-element{color:#c3e88d}.token.punctuation{color:#89ddff}.token.regex{color:#f2ff00}.token.selector{color:#f07178}.token.string{color:#c3e88d}.token.symbol{color:#c792ea}.token.tag,.token.unit{color:#f07178}.token.url{color:#fd9170}.token.variable{color:#f07178}.nuxt-progress{position:fixed;top:0;left:0;right:0;height:2px;width:0;opacity:1;transition:width .1s,opacity .4s;background-color:#41b883;z-index:999999}.nuxt-progress.nuxt-progress-notransition{transition:none}.nuxt-progress-failed{background-color:red}.light-mode .algolia-wrapper .nui-search-input{background-color:#edf2f7!important;color:#2f495e!important}.light-mode .algolia-wrapper .algolia-autocomplete .ds-dropdown-menu{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.light-mode .algolia-wrapper .algolia-autocomplete .ds-dropdown-menu [class^=ds-dataset-],.light-mode .algolia-wrapper .algolia-autocomplete .ds-dropdown-menu:before{background-color:#fff;border-color:#e2e8f0}.light-mode .algolia-wrapper .algolia-autocomplete .ds-dropdown-menu .algolia-docsearch-suggestion{background-color:#fff}.light-mode .algolia-wrapper .algolia-autocomplete .ds-dropdown-menu .algolia-docsearch-suggestion--category-header span,.light-mode .algolia-wrapper .algolia-autocomplete .ds-dropdown-menu .algolia-docsearch-suggestion--title{color:#2f495e}.light-mode .algolia-wrapper .algolia-autocomplete .ds-dropdown-menu .algolia-docsearch-suggestion--subcategory-column{color:#606f7b}.light-mode .algolia-wrapper .algolia-autocomplete .ds-dropdown-menu .algolia-docsearch-suggestion--text{color:#2f495e}.dark-mode .algolia-wrapper .nui-search-input{background-color:#2c3e50!important;color:#b8c2cc!important}.dark-mode .algolia-wrapper .algolia-autocomplete .ds-dropdown-menu{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.dark-mode .algolia-wrapper .algolia-autocomplete .ds-dropdown-menu [class^=ds-dataset-],.dark-mode .algolia-wrapper .algolia-autocomplete .ds-dropdown-menu:before{background-color:#2f495e;border-color:#1a202c}.dark-mode .algolia-wrapper .algolia-autocomplete .ds-dropdown-menu .algolia-docsearch-suggestion{background-color:#2f495e}.dark-mode .algolia-wrapper .algolia-autocomplete .ds-dropdown-menu .algolia-docsearch-suggestion--category-header{border-color:#618092}.dark-mode .algolia-wrapper .algolia-autocomplete .ds-dropdown-menu .algolia-docsearch-suggestion--category-header span,.dark-mode .algolia-wrapper .algolia-autocomplete .ds-dropdown-menu .algolia-docsearch-suggestion--title{color:#f5f7fa}.dark-mode .algolia-wrapper .algolia-autocomplete .ds-dropdown-menu .algolia-docsearch-suggestion--subcategory-column{color:#b8c2cc}.dark-mode .algolia-wrapper .algolia-autocomplete .ds-dropdown-menu .algolia-docsearch-suggestion--text{color:#f5f7fa}.dark-mode .algolia-wrapper .algolia-autocomplete .ds-dropdown-menu .algolia-docsearch-suggestion--content:before{background:#618092}.algolia-wrapper .algolia-autocomplete .ds-dropdown-menu,.algolia-wrapper .algolia-autocomplete .ds-dropdown-menu [class^=ds-dataset-]{border-radius:.25rem}.algolia-autocomplete{display:block!important}.ds-dropdown-menu{line-height:normal;width:100%}.ds-dataset-0{border-radius:0}.algolia-docsearch-suggestion--wrapper{padding-top:0}.algolia-docsearch-suggestion--wrapper .algolia-docsearch-suggestion--subcategory-column{color:#35495e;height:100%;padding:10px 15px}.algolia-docsearch-suggestion--wrapper .algolia-docsearch-suggestion--content{padding:10px 15px}.algolia-docsearch-suggestion--wrapper .algolia-docsearch-suggestion--content .algolia-docsearch-suggestion--title .algolia-docsearch-suggestion--highlight{background-color:transparent;color:#00c58e}.algolia-docsearch-suggestion--wrapper .algolia-docsearch-suggestion--content .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight{background-color:transparent;box-shadow:inset 0 -2px 0 0 #00e0a1;color:#00c58e}.algolia-wrapper ::-moz-placeholder{opacity:.5}.algolia-wrapper :-ms-input-placeholder{opacity:.5}.algolia-wrapper ::placeholder{opacity:.5}.mobile .ds-dropdown-menu{min-width:0!important;width:100%!important}button[data-v-3106c288]{outline:0}.header_mobile_aside[data-v-222d556f]{bottom:4rem;top:4rem;transform:translateX(calc(-100% - 1px));transition-duration:.35s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.6,1)}@media (min-width:1024px){.header_mobile_aside[data-v-222d556f]{top:6rem}}.header_mobile_aside--open[data-v-222d556f]{transform:translateX(0);transition-delay:0s}.header_mobile_aside--open .header_mobile_aside_group[data-v-222d556f]{transform:translateX(0)}.content-wrapper[data-v-222d556f]{margin-left:auto;padding-left:1rem}@media (min-width:640px){.content-wrapper[data-v-222d556f]{max-width:calc(640px/2)}}@media (min-width:768px){.content-wrapper[data-v-222d556f]{max-width:calc(768px/2)}}button[data-v-222d556f]{outline:0}.bookmark-button[data-v-222d556f]{border-radius:0 9999px 9999px 0;right:0;transform:translateX(100%)}.bookmark-button[data-v-222d556f],.inner-button[data-v-222d556f]{box-shadow:4px 2px 4px rgba(0,0,0,.101562);top:1rem}.inner-button[data-v-222d556f]{border-radius:100%;right:1rem}article h1[data-v-0c2f18f5]{font-weight:500;position:relative;font-size:2.25rem;display:table;margin-bottom:1.5rem}.light-mode #bsa-native .native-box{background-color:#f8fafc;border-color:#e2e8f0}.light-mode #bsa-native .native-text{--text-opacity:1;color:#2f495e;color:rgba(47,73,94,var(--text-opacity));transition-property:background-color,border-color,color,fill,stroke;transition-duration:.3s;transition-timing-function:linear}.dark-mode #bsa-native .native-box{background-color:#2c3e50;border-color:#1a202c}.dark-mode #bsa-native .native-text{--text-opacity:1;color:#f5f7fa;color:rgba(245,247,250,var(--text-opacity));transition-property:background-color,border-color,color,fill,stroke;transition-duration:.3s;transition-timing-function:linear}#bsa-native .native-box{transition-property:background-color,border-color,color,fill,stroke;transition-duration:.3s;transition-timing-function:linear;align-items:center;border:1px solid transparent;border-radius:.25rem;display:flex;margin-bottom:1rem;padding:.5rem}#bsa-native a{text-decoration:none}#bsa-native .native-sponsor{background-color:#00c58e;border-radius:.25rem;color:#fff;font-size:.75rem;font-weight:500;margin:0 .5rem;padding:.25rem .75rem;text-transform:uppercase}#bsa-native .native-sponsor:hover{background-color:#00e0a1}#bsa-native .native-text{font-size:1rem;font-weight:400;padding-left:.5rem}.affix{height:calc(100vh - 6rem);top:6rem}.affix[data-v-5b277796]{height:calc(100vh - 6rem);top:6rem}li[data-v-5b277796]{list-style:none}@-webkit-keyframes scroll{0%{transform:translateY(0)}to{transform:translateY(-512px)}}@keyframes scroll{0%{transform:translateY(0)}to{transform:translateY(-512px)}}.partners__slider{position:relative;padding-bottom:2rem;height:10rem;overflow:hidden;width:100%}.partners__slider:after,.partners__slider:before{position:absolute;height:2rem;width:100%;z-index:10;content:""}.light-mode .partners__slider:after,.light-mode .partners__slider:before{background:linear-gradient(0deg,#fff 0,hsla(0,0%,100%,0))}.dark-mode .partners__slider:after,.dark-mode .partners__slider:before{background:linear-gradient(0deg,#2f485e 0,hsla(0,0%,100%,0))}.partners__slider:after{right:0;top:0;--transform-translate-x:0;--transform-translate-y:0;--transform-rotate:0;--transform-skew-x:0;--transform-skew-y:0;--transform-scale-x:1;--transform-scale-y:1;transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));--transform-rotate:180deg}.partners__slider:before{left:0;bottom:0}.partners__slider .partners__slide-track{-webkit-animation:scroll 0s linear infinite;animation:scroll 15s linear 0s infinite}.partners__slider .partners__slide-track img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.partners__slider:hover .partners__slide-track{-webkit-animation-play-state:paused;animation-play-state:paused}.partners__slider .partners__slide{margin-bottom:2rem}.primary[data-v-deda5324]{--bg-opacity:1;background-color:#00c58e;background-color:rgba(0,197,142,var(--bg-opacity));--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.primary[data-v-deda5324]:hover{--bg-opacity:1;background-color:#00e0a1;background-color:rgba(0,224,161,var(--bg-opacity))}.secondary[data-v-deda5324]{--bg-opacity:1;background-color:#edf2f7;background-color:rgba(237,242,247,var(--bg-opacity));--text-opacity:1;color:#2f495e;color:rgba(47,73,94,var(--text-opacity))}.secondary[data-v-deda5324]:hover{--bg-opacity:1;background-color:#e2e8f0;background-color:rgba(226,232,240,var(--bg-opacity))}.dark-mode .Carbon{background-color:#2c3e50}.dark-mode .Carbon .carbon-text{color:#f5f7fa}.dark-mode .Carbon .carbon-text:hover{color:#b8c2cc}.light-mode .Carbon{background-color:#edf2f7}.light-mode .Carbon .carbon-text{--text-opacity:1;color:#718096;color:rgba(113,128,150,var(--text-opacity))}.light-mode .Carbon .carbon-text:hover{--text-opacity:1;color:#2d3748;color:rgba(45,55,72,var(--text-opacity))}.Carbon{padding:1rem;display:flex;flex-direction:column;margin-top:1rem;max-width:100%}@media (min-width:640px){.Carbon{max-width:20rem}}@media (min-width:1024px){.Carbon{margin-top:0;max-width:160px}}.Carbon #carbonads span{display:flex;flex-direction:column;justify-content:space-between}.Carbon #carbonads span .carbon-wrap{display:flex;flex-direction:column;flex:1}@media(min-width:320px){.Carbon #carbonads span .carbon-wrap{flex-direction:row}}@media (min-width:1024px){.Carbon #carbonads span .carbon-wrap{flex-direction:column}}.Carbon #carbonads span .carbon-wrap .carbon-img{display:flex;align-items:flex-start;justify-content:center;margin-bottom:1rem}@media(min-width:320px){.Carbon #carbonads span .carbon-wrap .carbon-img{margin-bottom:0}}@media (min-width:1024px){.Carbon #carbonads span .carbon-wrap .carbon-img{margin-bottom:1rem}}.Carbon #carbonads span .carbon-wrap .carbon-text{flex:1 1 0%;font-size:.875rem;width:100%;margin:0;text-align:left;display:block;line-height:1.625}.Carbon #carbonads span .carbon-wrap .carbon-text:hover{text-decoration:none}@media(min-width:320px){.Carbon #carbonads span .carbon-wrap .carbon-text{margin-left:1rem}}@media (min-width:1024px){.Carbon #carbonads span .carbon-wrap .carbon-text{margin-left:0}}.Carbon img{width:100%}.Carbon .carbon-poweredby{margin-left:.5rem;font-size:.75rem;text-align:right;--text-opacity:1;color:#cbd5e0;color:rgba(203,213,224,var(--text-opacity));display:block;padding-top:.5rem}.Carbon .carbon-poweredby:hover{text-decoration:none;--text-opacity:1;color:#a0aec0;color:rgba(160,174,192,var(--text-opacity))}button[data-v-49aa6019]{outline:0}.show[data-v-49aa6019]{-webkit-animation:show-icon-data-v-49aa6019 .3s forwards;animation:show-icon-data-v-49aa6019 .3s forwards}.hide[data-v-49aa6019]{-webkit-animation:hide-icon-data-v-49aa6019 .3s forwards;animation:hide-icon-data-v-49aa6019 .3s forwards}@-webkit-keyframes show-icon-data-v-49aa6019{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes show-icon-data-v-49aa6019{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@-webkit-keyframes hide-icon-data-v-49aa6019{0%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(0)}}@keyframes hide-icon-data-v-49aa6019{0%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(0)}}.from-bottom-to-bottom-enter-active[data-v-49aa6019],.from-bottom-to-bottom-leave-active[data-v-49aa6019]{opacity:1;transition:opacity .1s,transform .1s cubic-bezier(.4,0,.2,1)}.from-bottom-to-bottom-enter[data-v-49aa6019],.from-bottom-to-bottom-leave-active[data-v-49aa6019]{opacity:0;transform:scaleY(0)}nav[data-v-44864996]{padding-bottom:env(safe-area-inset-bottom)}</style> </head> <body class="font-sans font-medium bg-light-surface dark:bg-dark-surface text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary transition-colors duration-300 ease-linear" data-n-head="%7B%22class%22:%7B%22ssr%22:%5B%22font-sans%20font-medium%20bg-light-surface%20dark:bg-dark-surface%20text-light-onSurfacePrimary%20dark:text-dark-onSurfacePrimary%20transition-colors%20duration-300%20ease-linear%22%5D%7D%7D"> <div data-server-rendered="true" id="__nuxt">  <div id="__layout"> <div> <header class="sticky top-0 left-0 right-0 z-30 bg-light-elevatedSurface dark:bg-dark-elevatedSurface h-16 lg:h-24 transition-colors duration-300 ease-linear shadow-reverse"> <div class="container relative mx-auto px-4 flex items-center lg:py-6 h-full"> <a href="//www.lycasleep.com/" class="inline-block text-nuxt-gray h-7 lg:h-10 z-10 mr-auto nuxt-link-active"><h1 class="m-0 h-0 w-0 overflow-hidden">nuxtjs.<GydF4y2Ba/h1> <svg xmlns="http://www.w3.org/2000/svg" height="28" viewbox="0 0 163 28" class="h-6 lg:h-8 text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary transition-colors duration-300 ease-linear"> <g fill="none" fill-rule="evenodd"> <path d="M64.715 8.20555556c.2220305.23147033.3412209.54276772.3305556.86333333V25.6666667c.0092544.3553789-.1237343.6997496-.3694445.9566666-.245654.2576937-.5891223.3990387-.945.3888889-.1994598.0003303-.397694-.0311771-.5872222-.0933333-.1735664-.0534988-.3294374-.1529337-.4511111-.2877778l-10.7527778-14v13.1794445c.009802.3216066-.1136514.6329835-.3411673.8604994-.2275158.2275158-.5388927.3509692-.8604994.3411672-.3184937.0122086-.6270124-.1123311-.8477777-.3422222-.2196334-.2311478-.3373171-.540768-.3266667-.8594444V9.17777778c-.0080688-.35435608.1330303-.69581594.3888889-.94111111.2394557-.24568792.5709656-.37970259.9138889-.36944445.2158301-.00104173.4298026.03990363.63.12055556.1821616.07050189.3420052.18870554.4627777.34222222l10.7061112 14.0311111V9.06888889c-.0098021-.32160665.1136514-.63298357.3411672-.86049941.2275159-.22751584.5388928-.35096928.8604994-.34116726.3176445-.01173348.6254917.11112298.8477778.33833334zM86.8038889 8.20555556c.2325638.25854679.3553097.59749305.3422222.945V19.6505556c.0222701 1.3571572-.3073188 2.6969496-.9566667 3.8888888-.6149787 1.1245304-1.5288086 2.0572021-2.6405555 2.695-1.1519937.6609548-2.4597157 1.001983-3.7877778.9877778-1.3399627.0211819-2.6616294-.3129247-3.8305555-.9683333-1.1167967-.6351167-2.0350545-1.5681851-2.6522223-2.695-.6493478-1.1919392-.9789368-2.5317316-.9566666-3.8888889V9.17c-.0101498-.35587767.1311952-.69934597.3888889-.945.26235-.25662203.616983-.39679315.9838888-.38888889.3459182.00023164.677002.14052136.9177778.38888889.2548568.24114067.3960786.57866089.3888889.92944444V19.6544444c-.0140659.8964317.2129163 1.7801851.6572222 2.5588889.8379117 1.4770943 2.4045723 2.390361 4.1027778 2.3916667.8525575.0060649 1.6918534-.211133 2.4344445-.63.7491557-.414004 1.3725889-1.0226575 1.8044444-1.7616667.4514527-.7762901.6827084-1.6609775.6688889-2.5588889V9.15444444c-.0126338-.34469503.103859-.68169211.3266667-.945.2297228-.25716892.5614445-.39953874.9061111-.38888888.342205-.00786306.6711228.13249411.9022222.385zM107.854444 25.0444444c.164055.2257281.250065.4987773.245.7777778.014389.3521144-.12803.6924962-.388888.9294445-.24068.2274983-.559373.3541408-.890556.3538889-.42569.0161378-.829197-.1900338-1.065556-.5444445l-5.316111-7.0972222-5.1955552 7.0855555c-.2340609.3602294-.6359835.5758594-1.0655556.5716667-.314127.0069443-.617001-.1170228-.8361111-.3422222-.2173771-.200312-.3413998-.4821818-.3422222-.7777778.0060092-.3292781.1224161-.6470005.3305555-.9022222L98.9372222 17.465l-5.635-7.57555556c-.175949-.22135151-.2731054-.49503137-.2761111-.77777777-.0071897-.35078356.1340321-.68830378.3888889-.92944445.2407759-.24836753.5718596-.38865725.9177778-.38888889.2038841.00103969.4047998.04894013.5872222.14.1927648.09139128.3578262.23229734.4783333.40833334L100.652222 15.4l5.203334-6.98833333c.229677-.35554123.615691-.57963173 1.038333-.60277778.32981.00177074.643461.14305514.863333.38888889.238946.21347586.379576.51582963.388889.83611111-.009199.28097268-.104196.55239443-.272222.77777778L102.165 17.4105556l5.689444 7.6338888zM127.590556 8.20555556c.257245.23459074.399276.56978328.388888.91777777.009492.3433222-.132776.67338449-.388888.90222227-.263308.2228076-.600305.3393004-.945.3266666h-4.868889v15.3494445c.006704.350691-.134439.6880229-.388889.9294444-.569423.5081212-1.429467.5081212-1.998889 0-.253246-.2422504-.394158-.5790289-.388889-.9294444V10.3522222h-4.857222c-.345647.0131301-.682944-.1081297-.941111-.3383333-.250075-.2381055-.384812-.57282078-.369445-.91777779-.011009-.33623329.123658-.6608532.369445-.89055555.258167-.23020366.595464-.35146345.941111-.33833334h12.502778c.346723-.01252476.685014.10859172.945.33833334z" class="fill-current"></path> <path fill="#00C58E" d="M133.579444 26.5222222c-.88549-.5014932-1.622185-1.2287956-2.135-2.1077778-.152035-.2173666-.238424-.4738349-.248888-.7388888-.000193-.3430171.150578-.6687379.412222-.8905556.222676-.2329753.525939-.3720868.847778-.3888889.48858.0456475.935693.2938871 1.232777.6844445.607819 1.0001935 1.699729 1.6038507 2.87 1.5866666.949877.0221498 1.867941-.3428297 2.543334-1.0111111.68192-.6461735 1.060237-1.5496176 1.042222-2.4888889V9.17777778c-.004199-.35418453.144633-.69295609.408333-.92944445.254951-.25098396.598911-.39080498.956667-.38888889.361385-.01763672.713749.11626146.972222.36944445.247128.24968064.380721.5899909.369445.94111111v12.0166667c.010226 1.0770922-.27347 2.1365818-.820556 3.0644444-.542163.924686-1.320659 1.6884177-2.255556 2.2127778-.980032.5549692-2.089955.8394961-3.216111.8244444-1.043058.0110499-2.07058-.2532084-2.978889-.7661111zM152.386111 26.7244444c-1.083808-.4114434-2.078081-1.0280772-2.928333-1.8161111-.350592-.269001-.560727-.6821233-.571667-1.1238889.004184-.336029.144515-.655984.388889-.8866666.232746-.2506324.560201-.3917768.902222-.3888889.288127-.0039551.566692.1032927.777778.2994444.656906.6271532 1.420815 1.131597 2.255556 1.4894445.839615.3338482 1.737135.4977548 2.640555.4822222 1.028927.0325665 2.043848-.2452155 2.912778-.7972222.723023-.4062612 1.176065-1.1657737 1.19-1.995.013567-.8908368-.437196-1.7246021-1.19-2.2011111-1.092306-.6414419-2.290981-1.0813952-3.538889-1.2988889-1.882222-.3888889-3.325-1.015-4.34-1.89-1.015-.875-1.516667-2.0883334-1.516667-3.6361111-.021436-1.0164805.27792-2.0138785.855556-2.8505556.587391-.83052839 1.395716-1.47988214 2.333333-1.87444443 1.072402-.45239591 2.227347-.67623265 3.391111-.65722223 1.090803-.00693167 2.17427.17869268 3.200556.54833334.905215.30530096 1.735082.79977447 2.434444 1.45055555.373522.27543843.604551.70326957.63 1.16666667-.000023.3295714-.133263.6451397-.369444.875-.22617.252974-.551274.394941-.890556.3888889-.229358.0088112-.453389-.0705043-.626111-.2216667-.567368-.5321772-1.238641-.9412966-1.971666-1.2016666-.759251-.3060841-1.569185-.4670156-2.387778-.4744445-1.025275-.0527238-2.042016.2106243-2.912778.7544445-.676188.4480604-1.082775 1.2052239-1.082775 2.0163888 0 .811165.406587 1.5683285 1.082775 2.0163889.996126.5808801 2.083599.9885181 3.216111 1.2055556 1.202731.2367017 2.376254.6031018 3.5 1.0927778.848078.3750097 1.57323.9815497 2.092222 1.75.525801.8833524.781322 1.9013804.735 2.9283333.015198 1.0094901-.295766 1.996936-.886666 2.8155556-.621706.8441439-1.458334 1.5061946-2.422778 1.9172222-1.060141.4638984-2.206765.6972-3.363889.6844444-1.203988.0224112-2.40234-.1698519-3.538889-.5677778z" class="fill-nuxt-lightgreen"></path> <path d="M2.33333333 25.5383333h8.82388887c.0504817-.3348565.1583603-.6584924.3188889-.9566666l8.2755556-14.5522223-4.305-7.56777773L2.33333333 25.5383333zM30.8933333 25.5383333H35L24.22 6.58777778l-1.9444444 3.44166662 8.26 14.5522223c.1760377.2946737.297253.6187929.3577777.9566666zM21.0077778 12.2383333l-7.5638889 13.3h15.1238889z"></path> <path fill="#00C58E" d="M11.3633333 26.7866667a1.37669204 1.37669204 0 0 1-.0738889-.1516667c-.1491638-.3450868-.1950914-.7260156-.1322222-1.0966667H2.33333333L15.4466667 2.46166667l4.305 7.56777773L21 7.82055556l-3.7527778-6.61111112C17.1422222 1.01888889 16.5083333 0 15.4155556 0c-.4938889 0-1.2016667.21388889-1.7772223 1.225L.35388889 24.5816667c-.11277778.2022222-.66111111 1.2638889-.11666667 2.205.2488889.4277777.77777778.9372222 1.94444445.9372222H13.3077778c-1.1588889 0-1.6955556-.5016667-1.9444445-.9372222z" class="fill-nuxt-lightgreen"></path> <path fill="#108775" d="M36.9444444 24.5816667L26.0283333 5.35111111c-.1127777-.20222222-.7427777-1.225-1.8394444-1.225-.4938889 0-1.2016667.21-1.7772222 1.22111111L21 7.82055556l1.2561111 2.20888884 1.9444445-3.44166662L35 25.5383333h-4.1066667c.0525492.3132796.0230739.6348285-.0855555.9333334a1.18999367 1.18999367 0 0 1-.0855556.1905555l-.035.07c-.5522222.9411111-1.7461111.9916667-1.9794444.9916667h6.4244444c.2372222 0 1.4272222-.0505556 1.9794445-.9916667.245-.4277778.42-1.1472222-.1672223-2.1505555z" class="fill-nuxt-green"></path> <path fill-rule="nonzero" d="M30.6872222 26.7322222l.035-.07a1.18999367 1.18999367 0 0 0 .0855556-.1905555c.1086294-.2985049.1381047-.6200538.0855555-.9333334-.0605247-.3378737-.18174-.6619929-.3577777-.9566666l-8.2716667-14.5522223L21 7.82055556l-1.2561111 2.20888884-8.2677778 14.5522223c-.1605286.2981742-.2684072.6218101-.3188889.9566666-.0665405.369528-.0246696.750418.1205556 1.0966667a1.37665623 1.37665623 0 0 0 .0738889.1516667c.2488889.4277777.7777777.9372222 1.9444444.9372222h15.4c.245 0 1.4388889-.0505556 1.9911111-.9916667zM21 12.2383333l7.56 13.3H13.4438889L21 12.2383333z" class="fill-current"></path> </g> </svg></a> <nav class="hidden lg:flex lg:pt-1 xl:pt-0 mx-auto"> <ul class="flex text-center"> <li class="xl:px-4 lg:py-0 lg:px-2 py-2"><a href="//www.lycasleep.com/docs/2.x/get-started/installation" class="block font-medium uppercase hover:no-underline light:hover:text-nuxt-lightgreen dark:hover:text-nuxt-lightgreen text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary transition-colors duration-300 ease-linear">译文<GydF4y2Ba/a></li> <li class="xl:px-4 lg:py-0 lg:px-2 py-2"><a href="//www.lycasleep.com/examples" class="block font-medium uppercase hover:no-underline light:hover:text-nuxt-lightgreen dark:hover:text-nuxt-lightgreen text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary transition-colors duration-300 ease-linear">万博体育app彩票平台票</a></li> <li class="xl:px-4 lg:py-0 lg:px-2 py-2"><a href="//www.lycasleep.com/resources" class="block font-medium uppercase hover:no-underline light:hover:text-nuxt-lightgreen dark:hover:text-nuxt-lightgreen text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary transition-colors duration-300 ease-linear">资源<GydF4y2Ba/a></li> <li class="xl:px-4 lg:py-0 lg:px-2 py-2"><a href="//www.lycasleep.com/blog" class="block font-medium uppercase hover:no-underline light:hover:text-nuxt-lightgreen dark:hover:text-nuxt-lightgreen text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary transition-colors duration-300 ease-linear">万博全站客户端app</a></li> <li class="xl:px-4 lg:py-0 lg:px-2 py-2"><a href="https://masteringnuxt.com/?utm_source=nuxt&utm_medium=link&utm_campaign=navbar_link" target="_blank" rel="noopener" class="block font-medium uppercase hover:no-underline hover:text-nuxt-lightgreen text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary transition-colors duration-300 ease-linear">万博manbetx地址<span class="bg-orange-500 text-white dark:text-black text-ss align-top px-1 rounded-sm lowercase">新的<GydF4y2Ba/span></a></li> </ul> </nav> <div class="algolia-search"> <button aria-label="Search" class="block md:hidden flex items-center p-2 -m-2 mr-4 justify-center text-light-onSurfaceSecondary dark:text-dark-onSurfaceSecondary hover:text-nuxt-lightgreen dark:hover:text-nuxt-lightgreen z-10 lg:hidden fill-current transition-colors duration-300 ease-linear"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" class="block h-5 fill-current"> <path d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"></path> </svg></button> <div class="algolia-wrapper relative hidden md:inline-block align-middle blurred blurred main" data-v-3106c288> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" class="block absolute z-10 h-4 mt-3 ml-3 fill-current text-light-onSurfaceSecondary dark:text-dark-onSurfaceSecondary transition-colors duration-300 ease-linear" data-v-3106c288> <path d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z" data-v-3106c288></path> </svg> <input id="algolia-main" name="search-main" placeholder="Search ("/" to focus)" class="nui-search-input px-4 pl-10 rounded-full h-10 outline-none w-full font-medium transition-colors duration-300 ease-linear" data-v-3106c288>  </div>  </div> </div> </header> <main class="lg:block relative bg-light-elevatedSurface dark:bg-dark-elevatedSurface transition-colors duration-300 ease-linear"> <div class="shadow-nuxt"> <div class="container px-4 pb-12 mx-auto lg:flex"> <div class="fixed left-0 z-20 block w-full header_mobile_aside shadow-nuxt lg:hidden sm:w-1/2" data-v-222d556f> <div class="h-full mx-auto transition-colors duration-300 ease-linear light:bg-light-surface dark:bg-dark-surface" data-v-222d556f> <div class="relative h-full content-wrapper" data-v-222d556f> <div class="h-full pt-4 overflow-y-auto" data-v-222d556f> <div class="header_mobile_aside_group" data-v-222d556f> <a href="//www.lycasleep.com/docs/2.x/get-started/installation" class="flex items-center pb-2 text-gray-600 uppercase hover:text-nuxt-lightgreen mb-4 block" data-v-222d556f> <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="feather feather-chevron-right w-4 h-4 mr-2" data-v-222d556f> <polyline points="9 18 15 12 9 6" data-v-222d556f></polyline> </svg><span data-v-222d556f>开始<GydF4y2Ba/span></a> </div> <div class="header_mobile_aside_group" data-v-222d556f> <a href="//www.lycasleep.com/docs/2.x/concepts/views" class="flex items-center pb-2 text-gray-600 uppercase hover:text-nuxt-lightgreen mb-4 block" data-v-222d556f> <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="feather feather-chevron-right w-4 h-4 mr-2" data-v-222d556f> <polyline points="9 18 15 12 9 6" data-v-222d556f></polyline> </svg><span data-v-222d556f>概念<GydF4y2Ba/span></a> </div> <div class="header_mobile_aside_group" data-v-222d556f> <a href="//www.lycasleep.com/docs/2.x/features/rendering-modes" class="flex items-center pb-2 text-gray-600 uppercase hover:text-nuxt-lightgreen mb-4 block" data-v-222d556f> <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="feather feather-chevron-right w-4 h-4 mr-2" data-v-222d556f> <polyline points="9 18 15 12 9 6" data-v-222d556f></polyline> </svg><span data-v-222d556f>特征<GydF4y2Ba/span></a> </div> <div class="header_mobile_aside_group" data-v-222d556f> <a href="//www.lycasleep.com/docs/2.x/directory-structure/nuxt" class="flex items-center pb-2 text-gray-600 uppercase hover:text-nuxt-lightgreen mb-4 block" data-v-222d556f> <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="feather feather-chevron-right w-4 h-4 mr-2" data-v-222d556f> <polyline points="9 18 15 12 9 6" data-v-222d556f></polyline> </svg><span data-v-222d556f>目录结构<GydF4y2Ba/span></a> </div> <div class="header_mobile_aside_group" data-v-222d556f> <a href="//www.lycasleep.com/docs/2.x/configuration-glossary/configuration-alias" class="flex items-center pb-2 text-gray-600 uppercase hover:text-nuxt-lightgreen mb-4 block" data-v-222d556f> <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="feather feather-chevron-right w-4 h-4 mr-2" data-v-222d556f> <polyline points="9 18 15 12 9 6" data-v-222d556f></polyline> </svg><span data-v-222d556f>配置词汇表<GydF4y2Ba/span></a> </div> <div class="header_mobile_aside_group" data-v-222d556f> <a href="//www.lycasleep.com/docs/2.x/internals-glossary/context" class="flex items-center pb-2 text-gray-600 uppercase hover:text-nuxt-lightgreen mb-4 block" data-v-222d556f> <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="feather feather-chevron-right w-4 h-4 mr-2" data-v-222d556f> <polyline points="9 18 15 12 9 6" data-v-222d556f></polyline> </svg><span data-v-222d556f>内部术语表<GydF4y2Ba/span></a> </div> <div class="header_mobile_aside_group" data-v-222d556f> <a href="//www.lycasleep.com/docs/2.x/components-glossary/pages-fetch" class="flex items-center pb-2 text-gray-600 uppercase hover:text-nuxt-lightgreen mb-4 block" data-v-222d556f> <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="feather feather-chevron-right w-4 h-4 mr-2" data-v-222d556f> <polyline points="9 18 15 12 9 6" data-v-222d556f></polyline> </svg><span data-v-222d556f>组件术语表<GydF4y2Ba/span></a> </div> <div class="header_mobile_aside_group" data-v-222d556f> <h3 to="[object Object]" class="flex items-center pb-2 text-gray-600 uppercase font-bold" data-v-222d556f> <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="feather feather-chevron-down w-4 h-4 mr-2" data-v-222d556f> <polyline points="6 9 12 15 18 9" data-v-222d556f></polyline> </svg><span data-v-222d556f>部署<GydF4y2Ba/span></h3> <ul class="pb-6" data-v-222d556f> <li class="py-2" data-v-222d556f><a href="//www.lycasleep.com/docs/2.x/deployment/deploying-to-21yunbox" class="block transition-colors duration-300 ease-linear dark:text-dark-onSurfacePrimary hover:text-nuxt-lightgreen" data-v-222d556f>在21YUNBOX上部署NUXT<GydF4y2Ba/a></li> <li class="py-2" data-v-222d556f><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-amazon-web-services" aria-current="page" class="block transition-colors duration-300 ease-linear dark:text-dark-onSurfacePrimary hover:text-nuxt-lightgreen text-nuxt-lightgreen nuxt-link-active" data-v-222d556f>在Amazon Web服务上部署NUXT<GydF4y2Ba/a></li> <li class="py-2" data-v-222d556f><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-azure-portal" class="block transition-colors duration-300 ease-linear dark:text-dark-onSurfacePrimary hover:text-nuxt-lightgreen" data-v-222d556f>在Azure Portal上部署Nuxt<GydF4y2Ba/a></li> <li class="py-2" data-v-222d556f><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-azure-static-web-apps" class="block transition-colors duration-300 ease-linear dark:text-dark-onSurfacePrimary hover:text-nuxt-lightgreen" data-v-222d556f>部署Azure静态Web应用程序<GydF4y2Ba/a></li> <li class="py-2" data-v-222d556f><a href="//www.lycasleep.com/docs/2.x/deployment/bip-deployment" class="block transition-colors duration-300 ease-linear dark:text-dark-onSurfacePrimary hover:text-nuxt-lightgreen" data-v-222d556f>用bip部署nuxt<GydF4y2Ba/a></li> <li class="py-2" data-v-222d556f><a href="//www.lycasleep.com/docs/2.x/deployment/cleavr-deployment" class="block transition-colors duration-300 ease-linear dark:text-dark-onSurfacePrimary hover:text-nuxt-lightgreen" data-v-222d556f>用cleavr部署nuxt<GydF4y2Ba/a></li> <li class="py-2" data-v-222d556f><a href="//www.lycasleep.com/docs/2.x/deployment/deploying-to-do-app-platform" class="block transition-colors duration-300 ease-linear dark:text-dark-onSurfacePrimary hover:text-nuxt-lightgreen" data-v-222d556f>DiginaloCean应用程序平台上部署NUXT<GydF4y2Ba/a></li> <li class="py-2" data-v-222d556f><a href="//www.lycasleep.com/docs/2.x/deployment/dokku-deployment" class="block transition-colors duration-300 ease-linear dark:text-dark-onSurfacePrimary hover:text-nuxt-lightgreen" data-v-222d556f>在dokku上部署NUXT<GydF4y2Ba/a></li> <li class="py-2" data-v-222d556f><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-fume" class="block transition-colors duration-300 ease-linear dark:text-dark-onSurfacePrimary hover:text-nuxt-lightgreen" data-v-222d556f>在烟雾上部署nuxt<GydF4y2Ba/a></li> <li class="py-2" data-v-222d556f><a href="//www.lycasleep.com/docs/2.x/deployment/github-pages" class="block transition-colors duration-300 ease-linear dark:text-dark-onSurfacePrimary hover:text-nuxt-lightgreen" data-v-222d556f>在GitHub页面上部署NUXT<GydF4y2Ba/a></li> <li class="py-2" data-v-222d556f><a href="//www.lycasleep.com/docs/2.x/deployment/appengine-deployment" class="block transition-colors duration-300 ease-linear dark:text-dark-onSurfacePrimary hover:text-nuxt-lightgreen" data-v-222d556f>在Google App Engine上部署NUXT<GydF4y2Ba/a></li> <li class="py-2" data-v-222d556f><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-cloud-run" class="block transition-colors duration-300 ease-linear dark:text-dark-onSurfacePrimary hover:text-nuxt-lightgreen" data-v-222d556f>在Google Cloud运行时部署NUXT<GydF4y2Ba/a></li> <li class="py-2" data-v-222d556f><a href="//www.lycasleep.com/docs/2.x/deployment/heroku-deployment" class="block transition-colors duration-300 ease-linear dark:text-dark-onSurfacePrimary hover:text-nuxt-lightgreen" data-v-222d556f>在heroku上部署nuxt<GydF4y2Ba/a></li> <li class="py-2" data-v-222d556f><a href="//www.lycasleep.com/docs/2.x/deployment/hostman-deployment" class="block transition-colors duration-300 ease-linear dark:text-dark-onSurfacePrimary hover:text-nuxt-lightgreen" data-v-222d556f>在Hostman上部署NUXT<GydF4y2Ba/a></li> <li class="py-2" data-v-222d556f><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-koyeb" class="block transition-colors duration-300 ease-linear dark:text-dark-onSurfacePrimary hover:text-nuxt-lightgreen" data-v-222d556f>在Koyeb无服务器平台上部署NUXT<GydF4y2Ba/a></li> <li class="py-2" data-v-222d556f><a href="//www.lycasleep.com/docs/2.x/deployment/deploy-on-moovweb" class="block transition-colors duration-300 ease-linear dark:text-dark-onSurfacePrimary hover:text-nuxt-lightgreen" data-v-222d556f>在layer0上部署nuxt<GydF4y2Ba/a></li> <li class="py-2" data-v-222d556f><a href="//www.lycasleep.com/docs/2.x/deployment/netlify-deployment" class="block transition-colors duration-300 ease-linear dark:text-dark-onSurfacePrimary hover:text-nuxt-lightgreen" data-v-222d556f>在netlify上部署nuxt<GydF4y2Ba/a></li> <li class="py-2" data-v-222d556f><a href="//www.lycasleep.com/docs/2.x/deployment/nginx-proxy" class="block transition-colors duration-300 ease-linear dark:text-dark-onSurfacePrimary hover:text-nuxt-lightgreen" data-v-222d556f>使用NGINX作为反向代理<GydF4y2Ba/a></li> <li class="py-2" data-v-222d556f><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-platformsh" class="block transition-colors duration-300 ease-linear dark:text-dark-onSurfacePrimary hover:text-nuxt-lightgreen" data-v-222d556f>在platform.sh上部署nuxt<GydF4y2Ba/a></li> <li class="py-2" data-v-222d556f><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-pm2" class="block transition-colors duration-300 ease-linear dark:text-dark-onSurfacePrimary hover:text-nuxt-lightgreen" data-v-222d556f>使用PM2部署NUXT<GydF4y2Ba/a></li> <li class="py-2" data-v-222d556f><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-qovery" class="block transition-colors duration-300 ease-linear dark:text-dark-onSurfacePrimary hover:text-nuxt-lightgreen" data-v-222d556f>在Qovery上部署Nuxt<GydF4y2Ba/a></li> <li class="py-2" data-v-222d556f><a href="//www.lycasleep.com/docs/2.x/deployment/surge-deployment" class="block transition-colors duration-300 ease-linear dark:text-dark-onSurfacePrimary hover:text-nuxt-lightgreen" data-v-222d556f>用浪涌部署nuxt<GydF4y2Ba/a></li> <li class="py-2" data-v-222d556f><a href="//www.lycasleep.com/docs/2.x/deployment/vercel-deployment" class="block transition-colors duration-300 ease-linear dark:text-dark-onSurfacePrimary hover:text-nuxt-lightgreen" data-v-222d556f>与Vercel部署NUXT<GydF4y2Ba/a></li> <li class="py-2" data-v-222d556f><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-cloudflare" class="block transition-colors duration-300 ease-linear dark:text-dark-onSurfacePrimary hover:text-nuxt-lightgreen" data-v-222d556f>在CloudFlare上部署NUXT<GydF4y2Ba/a></li> <li class="py-2" data-v-222d556f><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-stormkitio" class="block transition-colors duration-300 ease-linear dark:text-dark-onSurfacePrimary hover:text-nuxt-lightgreen" data-v-222d556f>用stormkit.io部署nuxt<GydF4y2Ba/a></li> </ul> </div> </div> <button class="absolute flex items-center justify-center w-10 h-10 transition-colors duration-300 ease-linear bg-gray-200 inner-button sm:hidden text-nuxt-gray dark:bg-dark-elevatedSurface dark:text-dark-onSurfaceSecondary" data-v-222d556f> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 384 512" class="block h-5 transition-colors duration-300 ease-linear fill-current" data-v-222d556f> <path d="M231.6 256l130.1-130.1c4.7-4.7 4.7-12.3 0-17l-22.6-22.6c-4.7-4.7-12.3-4.7-17 0L192 216.4 61.9 86.3c-4.7-4.7-12.3-4.7-17 0l-22.6 22.6c-4.7 4.7-4.7 12.3 0 17L152.4 256 22.3 386.1c-4.7 4.7-4.7 12.3 0 17l22.6 22.6c4.7 4.7 12.3 4.7 17 0L192 295.6l130.1 130.1c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17L231.6 256z" data-v-222d556f></path> </svg></button> </div> <button class="absolute flex items-center justify-center w-10 h-10 transition-colors duration-300 ease-linear bg-gray-200 bookmark-button text-nuxt-gray dark:bg-dark-surface dark:text-dark-onSurfaceSecondary" data-v-222d556f> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="block transition-colors duration-300 ease-linear stroke-current text-nuxt-gray dark:text-dark-onSurfaceSecondary" data-v-222d556f> <line x1="8" x2="21" y1="6" y2="6" data-v-222d556f></line> <line x1="8" x2="21" y1="12" y2="12" data-v-222d556f></line> <line x1="8" x2="21" y1="18" y2="18" data-v-222d556f></line> <line x1="3" x2="3" y1="6" y2="6" data-v-222d556f></line> <line x1="3" x2="3" y1="12" y2="12" data-v-222d556f></line> <line x1="3" x2="3" y1="18" y2="18" data-v-222d556f></line> </svg></button> </div> </div> <aside class="block mt-8 -mx-4 bg-gray-100 opacity-transition lg:bg-transparent lg:mt-0 lg:mx-0 lg:inset-0 z-90 lg:mb-0 lg:static lg:h-auto lg:overflow-y-visible lg:pt-0 lg:w-1/4 lg:block hidden lg:block" data-v-cca980e4> <div class="h-full overflow-y-auto scrolling-touch text-center lg:text-left lg:h-auto lg:block lg:relative lg:sticky lg:top-24" data-v-cca980e4> <nav class="pt-8 lg:overflow-y-auto lg:block lg:pl-0 lg:pr-8 sticky?lg:max-h-(screen-24) hidden" data-v-cca980e4> <div data-v-cca980e4> <a href="//www.lycasleep.com/docs/2.x/get-started/installation" class="flex items-center pb-2 font-medium uppercase transition-colors duration-300 ease-linear text-light-onSurfaceSecondary dark:text-dark-onSurfaceSecondary hover:text-nuxt-lightgreen mb-4 block" data-v-cca980e4> <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="feather feather-chevron-right w-4 h-4 mr-2" data-v-cca980e4> <polyline points="9 18 15 12 9 6" data-v-cca980e4></polyline> </svg><span data-v-cca980e4>开始<GydF4y2Ba/span></a>  </div> <div data-v-cca980e4> <a href="//www.lycasleep.com/docs/2.x/concepts/views" class="flex items-center pb-2 font-medium uppercase transition-colors duration-300 ease-linear text-light-onSurfaceSecondary dark:text-dark-onSurfaceSecondary hover:text-nuxt-lightgreen mb-4 block" data-v-cca980e4> <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="feather feather-chevron-right w-4 h-4 mr-2" data-v-cca980e4> <polyline points="9 18 15 12 9 6" data-v-cca980e4></polyline> </svg><span data-v-cca980e4>概念<GydF4y2Ba/span></a>  </div> <div data-v-cca980e4> <a href="//www.lycasleep.com/docs/2.x/features/rendering-modes" class="flex items-center pb-2 font-medium uppercase transition-colors duration-300 ease-linear text-light-onSurfaceSecondary dark:text-dark-onSurfaceSecondary hover:text-nuxt-lightgreen mb-4 block" data-v-cca980e4> <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="feather feather-chevron-right w-4 h-4 mr-2" data-v-cca980e4> <polyline points="9 18 15 12 9 6" data-v-cca980e4></polyline> </svg><span data-v-cca980e4>特征<GydF4y2Ba/span></a>  </div> <div data-v-cca980e4> <a href="//www.lycasleep.com/docs/2.x/directory-structure/nuxt" class="flex items-center pb-2 font-medium uppercase transition-colors duration-300 ease-linear text-light-onSurfaceSecondary dark:text-dark-onSurfaceSecondary hover:text-nuxt-lightgreen mb-4 block" data-v-cca980e4> <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="feather feather-chevron-right w-4 h-4 mr-2" data-v-cca980e4> <polyline points="9 18 15 12 9 6" data-v-cca980e4></polyline> </svg><span data-v-cca980e4>目录结构<GydF4y2Ba/span></a>  </div> <div data-v-cca980e4> <a href="//www.lycasleep.com/docs/2.x/configuration-glossary/configuration-alias" class="flex items-center pb-2 font-medium uppercase transition-colors duration-300 ease-linear text-light-onSurfaceSecondary dark:text-dark-onSurfaceSecondary hover:text-nuxt-lightgreen mb-4 block" data-v-cca980e4> <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="feather feather-chevron-right w-4 h-4 mr-2" data-v-cca980e4> <polyline points="9 18 15 12 9 6" data-v-cca980e4></polyline> </svg><span data-v-cca980e4>配置词汇表<GydF4y2Ba/span></a>  </div> <div data-v-cca980e4> <a href="//www.lycasleep.com/docs/2.x/internals-glossary/context" class="flex items-center pb-2 font-medium uppercase transition-colors duration-300 ease-linear text-light-onSurfaceSecondary dark:text-dark-onSurfaceSecondary hover:text-nuxt-lightgreen mb-4 block" data-v-cca980e4> <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="feather feather-chevron-right w-4 h-4 mr-2" data-v-cca980e4> <polyline points="9 18 15 12 9 6" data-v-cca980e4></polyline> </svg><span data-v-cca980e4>内部术语表<GydF4y2Ba/span></a>  </div> <div data-v-cca980e4> <a href="//www.lycasleep.com/docs/2.x/components-glossary/pages-fetch" class="flex items-center pb-2 font-medium uppercase transition-colors duration-300 ease-linear text-light-onSurfaceSecondary dark:text-dark-onSurfaceSecondary hover:text-nuxt-lightgreen mb-4 block" data-v-cca980e4> <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="feather feather-chevron-right w-4 h-4 mr-2" data-v-cca980e4> <polyline points="9 18 15 12 9 6" data-v-cca980e4></polyline> </svg><span data-v-cca980e4>组件术语表<GydF4y2Ba/span></a>  </div> <div data-v-cca980e4> <h3 to="[object Object]" class="flex items-center pb-2 font-medium uppercase transition-colors duration-300 ease-linear text-light-onSurfaceSecondary dark:text-dark-onSurfaceSecondary font-bold" data-v-cca980e4> <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" class="feather feather-chevron-down w-4 h-4 mr-2" data-v-cca980e4> <polyline points="6 9 12 15 18 9" data-v-cca980e4></polyline> </svg><span data-v-cca980e4>部署<GydF4y2Ba/span></h3> <ul class="pb-8 pl-2" data-v-cca980e4> <li class="text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary" data-v-cca980e4><a href="//www.lycasleep.com/docs/2.x/deployment/deploying-to-21yunbox" class="flex justify-between p-2 pl-4 transition-colors duration-300 ease-linear rounded hover:text-nuxt-lightgreen dark:hover:text-nuxt-lightgreen" data-v-cca980e4>21箱<S.pan class="text-ss align-middle ml-2 px-1 py-0 rounded-sm lowercase self-center text-green-500 dark:text-green-300" data-v-cca980e4>静止的<GydF4y2Ba/span>  </a></li> <li class="text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary" data-v-cca980e4><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-amazon-web-services" aria-current="page" class="flex justify-between p-2 pl-4 transition-colors duration-300 ease-linear rounded hover:text-nuxt-lightgreen dark:hover:text-nuxt-lightgreen bg-green-100 text-nuxt-lightgreen dark:bg-green-800 dark:text-white nuxt-link-active" data-v-cca980e4>亚马逊网络服务<S.pan class="text-ss align-middle ml-2 px-1 py-0 rounded-sm lowercase self-center text-green-500 dark:text-green-300" data-v-cca980e4>静止的<GydF4y2Ba/span>  </a></li> <li class="text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary" data-v-cca980e4><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-azure-portal" class="flex justify-between p-2 pl-4 transition-colors duration-300 ease-linear rounded hover:text-nuxt-lightgreen dark:hover:text-nuxt-lightgreen" data-v-cca980e4>Azure门户<！！----><S.pan class="text-ss align-middle ml-2 px-1 py-0 rounded-sm lowercase self-center text-blue-500 dark:text-blue-300" data-v-cca980e4>服务器<GydF4y2Ba/span> </a></li> <li class="text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary" data-v-cca980e4><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-azure-static-web-apps" class="flex justify-between p-2 pl-4 transition-colors duration-300 ease-linear rounded hover:text-nuxt-lightgreen dark:hover:text-nuxt-lightgreen" data-v-cca980e4>Azure静态Web应用<S.pan class="text-ss align-middle ml-2 px-1 py-0 rounded-sm lowercase self-center text-green-500 dark:text-green-300" data-v-cca980e4>静止的<GydF4y2Ba/span>  </a></li> <li class="text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary" data-v-cca980e4><a href="//www.lycasleep.com/docs/2.x/deployment/bip-deployment" class="flex justify-between p-2 pl-4 transition-colors duration-300 ease-linear rounded hover:text-nuxt-lightgreen dark:hover:text-nuxt-lightgreen" data-v-cca980e4>b<S.pan class="text-ss align-middle ml-2 px-1 py-0 rounded-sm lowercase self-center text-green-500 dark:text-green-300" data-v-cca980e4>静止的<GydF4y2Ba/span>  </a></li> <li class="text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary" data-v-cca980e4><a href="//www.lycasleep.com/docs/2.x/deployment/cleavr-deployment" class="flex justify-between p-2 pl-4 transition-colors duration-300 ease-linear rounded hover:text-nuxt-lightgreen dark:hover:text-nuxt-lightgreen" data-v-cca980e4>Cleavr.<！！----><！！----><span class="text-ss align-middle ml-2 px-1 py-0 rounded-sm lowercase self-center px-1 py-0 ml-2 text-purple-500 lowercase align-middle rounded-sm dark:text-purple-300 text-ss" data-v-cca980e4>静态和服务器<GydF4y2Ba/span></a></li> <li class="text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary" data-v-cca980e4><a href="//www.lycasleep.com/docs/2.x/deployment/deploying-to-do-app-platform" class="flex justify-between p-2 pl-4 transition-colors duration-300 ease-linear rounded hover:text-nuxt-lightgreen dark:hover:text-nuxt-lightgreen" data-v-cca980e4>做应用平台<！！----><！！----><span class="text-ss align-middle ml-2 px-1 py-0 rounded-sm lowercase self-center px-1 py-0 ml-2 text-purple-500 lowercase align-middle rounded-sm dark:text-purple-300 text-ss" data-v-cca980e4>静态和服务器<GydF4y2Ba/span></a></li> <li class="text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary" data-v-cca980e4><a href="//www.lycasleep.com/docs/2.x/deployment/dokku-deployment" class="flex justify-between p-2 pl-4 transition-colors duration-300 ease-linear rounded hover:text-nuxt-lightgreen dark:hover:text-nuxt-lightgreen" data-v-cca980e4>Dokku.<！！----><S.pan class="text-ss align-middle ml-2 px-1 py-0 rounded-sm lowercase self-center text-blue-500 dark:text-blue-300" data-v-cca980e4>服务器<GydF4y2Ba/span> </a></li> <li class="text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary" data-v-cca980e4><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-fume" class="flex justify-between p-2 pl-4 transition-colors duration-300 ease-linear rounded hover:text-nuxt-lightgreen dark:hover:text-nuxt-lightgreen" data-v-cca980e4>烟<！！----><！！----><span class="text-ss align-middle ml-2 px-1 py-0 rounded-sm lowercase self-center px-1 py-0 ml-2 text-purple-500 lowercase align-middle rounded-sm dark:text-purple-300 text-ss" data-v-cca980e4>静态和服务器<GydF4y2Ba/span></a></li> <li class="text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary" data-v-cca980e4><a href="//www.lycasleep.com/docs/2.x/deployment/github-pages" class="flex justify-between p-2 pl-4 transition-colors duration-300 ease-linear rounded hover:text-nuxt-lightgreen dark:hover:text-nuxt-lightgreen" data-v-cca980e4>GitHub.<S.pan class="text-ss align-middle ml-2 px-1 py-0 rounded-sm lowercase self-center text-green-500 dark:text-green-300" data-v-cca980e4>静止的<GydF4y2Ba/span>  </a></li> <li class="text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary" data-v-cca980e4><a href="//www.lycasleep.com/docs/2.x/deployment/appengine-deployment" class="flex justify-between p-2 pl-4 transition-colors duration-300 ease-linear rounded hover:text-nuxt-lightgreen dark:hover:text-nuxt-lightgreen" data-v-cca980e4>谷歌应用引擎<！！----><S.pan class="text-ss align-middle ml-2 px-1 py-0 rounded-sm lowercase self-center text-blue-500 dark:text-blue-300" data-v-cca980e4>服务器<GydF4y2Ba/span> </a></li> <li class="text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary" data-v-cca980e4><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-cloud-run" class="flex justify-between p-2 pl-4 transition-colors duration-300 ease-linear rounded hover:text-nuxt-lightgreen dark:hover:text-nuxt-lightgreen" data-v-cca980e4>谷歌云运行<！！----><S.pan class="text-ss align-middle ml-2 px-1 py-0 rounded-sm lowercase self-center text-blue-500 dark:text-blue-300" data-v-cca980e4>服务器<GydF4y2Ba/span> </a></li> <li class="text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary" data-v-cca980e4><a href="//www.lycasleep.com/docs/2.x/deployment/heroku-deployment" class="flex justify-between p-2 pl-4 transition-colors duration-300 ease-linear rounded hover:text-nuxt-lightgreen dark:hover:text-nuxt-lightgreen" data-v-cca980e4>Heroku<！！----><S.pan class="text-ss align-middle ml-2 px-1 py-0 rounded-sm lowercase self-center text-blue-500 dark:text-blue-300" data-v-cca980e4>服务器<GydF4y2Ba/span> </a></li> <li class="text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary" data-v-cca980e4><a href="//www.lycasleep.com/docs/2.x/deployment/hostman-deployment" class="flex justify-between p-2 pl-4 transition-colors duration-300 ease-linear rounded hover:text-nuxt-lightgreen dark:hover:text-nuxt-lightgreen" data-v-cca980e4>主持人<S.pan class="text-ss align-middle ml-2 px-1 py-0 rounded-sm lowercase self-center text-green-500 dark:text-green-300" data-v-cca980e4>静止的<GydF4y2Ba/span>  </a></li> <li class="text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary" data-v-cca980e4><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-koyeb" class="flex justify-between p-2 pl-4 transition-colors duration-300 ease-linear rounded hover:text-nuxt-lightgreen dark:hover:text-nuxt-lightgreen" data-v-cca980e4>koyeb.<！！----><S.pan class="text-ss align-middle ml-2 px-1 py-0 rounded-sm lowercase self-center text-blue-500 dark:text-blue-300" data-v-cca980e4>服务器<GydF4y2Ba/span> </a></li> <li class="text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary" data-v-cca980e4><a href="//www.lycasleep.com/docs/2.x/deployment/deploy-on-moovweb" class="flex justify-between p-2 pl-4 transition-colors duration-300 ease-linear rounded hover:text-nuxt-lightgreen dark:hover:text-nuxt-lightgreen" data-v-cca980e4>第0层<！！----><S.pan class="text-ss align-middle ml-2 px-1 py-0 rounded-sm lowercase self-center text-blue-500 dark:text-blue-300" data-v-cca980e4>服务器<GydF4y2Ba/span> </a></li> <li class="text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary" data-v-cca980e4><a href="//www.lycasleep.com/docs/2.x/deployment/netlify-deployment" class="flex justify-between p-2 pl-4 transition-colors duration-300 ease-linear rounded hover:text-nuxt-lightgreen dark:hover:text-nuxt-lightgreen" data-v-cca980e4>netlify.<S.pan class="text-ss align-middle ml-2 px-1 py-0 rounded-sm lowercase self-center text-green-500 dark:text-green-300" data-v-cca980e4>静止的<GydF4y2Ba/span>  </a></li> <li class="text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary" data-v-cca980e4><a href="//www.lycasleep.com/docs/2.x/deployment/nginx-proxy" class="flex justify-between p-2 pl-4 transition-colors duration-300 ease-linear rounded hover:text-nuxt-lightgreen dark:hover:text-nuxt-lightgreen" data-v-cca980e4>nginx.<！！----><！！----><span class="text-ss align-middle ml-2 px-1 py-0 rounded-sm lowercase self-center px-1 py-0 ml-2 text-purple-500 lowercase align-middle rounded-sm dark:text-purple-300 text-ss" data-v-cca980e4>静态和服务器<GydF4y2Ba/span></a></li> <li class="text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary" data-v-cca980e4><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-platformsh" class="flex justify-between p-2 pl-4 transition-colors duration-300 ease-linear rounded hover:text-nuxt-lightgreen dark:hover:text-nuxt-lightgreen" data-v-cca980e4>Platform.sh<！！----><！！----><span class="text-ss align-middle ml-2 px-1 py-0 rounded-sm lowercase self-center px-1 py-0 ml-2 text-purple-500 lowercase align-middle rounded-sm dark:text-purple-300 text-ss" data-v-cca980e4>静态和服务器<GydF4y2Ba/span></a></li> <li class="text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary" data-v-cca980e4><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-pm2" class="flex justify-between p-2 pl-4 transition-colors duration-300 ease-linear rounded hover:text-nuxt-lightgreen dark:hover:text-nuxt-lightgreen" data-v-cca980e4>PM2<！！----><S.pan class="text-ss align-middle ml-2 px-1 py-0 rounded-sm lowercase self-center text-blue-500 dark:text-blue-300" data-v-cca980e4>服务器<GydF4y2Ba/span> </a></li> <li class="text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary" data-v-cca980e4><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-qovery" class="flex justify-between p-2 pl-4 transition-colors duration-300 ease-linear rounded hover:text-nuxt-lightgreen dark:hover:text-nuxt-lightgreen" data-v-cca980e4>译文<！！----><！！----><span class="text-ss align-middle ml-2 px-1 py-0 rounded-sm lowercase self-center px-1 py-0 ml-2 text-purple-500 lowercase align-middle rounded-sm dark:text-purple-300 text-ss" data-v-cca980e4>静态和服务器<GydF4y2Ba/span></a></li> <li class="text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary" data-v-cca980e4><a href="//www.lycasleep.com/docs/2.x/deployment/surge-deployment" class="flex justify-between p-2 pl-4 transition-colors duration-300 ease-linear rounded hover:text-nuxt-lightgreen dark:hover:text-nuxt-lightgreen" data-v-cca980e4>飙升<S.pan class="text-ss align-middle ml-2 px-1 py-0 rounded-sm lowercase self-center text-green-500 dark:text-green-300" data-v-cca980e4>静止的<GydF4y2Ba/span>  </a></li> <li class="text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary" data-v-cca980e4><a href="//www.lycasleep.com/docs/2.x/deployment/vercel-deployment" class="flex justify-between p-2 pl-4 transition-colors duration-300 ease-linear rounded hover:text-nuxt-lightgreen dark:hover:text-nuxt-lightgreen" data-v-cca980e4>vercel.<！！----><！！----><span class="text-ss align-middle ml-2 px-1 py-0 rounded-sm lowercase self-center px-1 py-0 ml-2 text-purple-500 lowercase align-middle rounded-sm dark:text-purple-300 text-ss" data-v-cca980e4>静态和服务器<GydF4y2Ba/span></a></li> <li class="text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary" data-v-cca980e4><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-cloudflare" class="flex justify-between p-2 pl-4 transition-colors duration-300 ease-linear rounded hover:text-nuxt-lightgreen dark:hover:text-nuxt-lightgreen" data-v-cca980e4>CloudFlare.<！！----><！！----> </a></li> <li class="text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary" data-v-cca980e4><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-stormkitio" class="flex justify-between p-2 pl-4 transition-colors duration-300 ease-linear rounded hover:text-nuxt-lightgreen dark:hover:text-nuxt-lightgreen" data-v-cca980e4>Stormkit.io.<！！----><！！----><span class="text-ss align-middle ml-2 px-1 py-0 rounded-sm lowercase self-center px-1 py-0 ml-2 text-purple-500 lowercase align-middle rounded-sm dark:text-purple-300 text-ss" data-v-cca980e4>静态和服务器<GydF4y2Ba/span></a></li> </ul> </div> <p class="pb-6 font-bold uppercase" data-v-cca980e4><a href="//www.lycasleep.com/docs/release-notes" class="block p-2 text-sm bg-gray-100 border rounded dark:bg-dark-surface dark:border-gray-900 text-light-onSurfaceSecondary dark:text-dark-onSurfaceSecondary" data-v-cca980e4>版本<S.pan class="text-nuxt-lightgreen" data-v-cca980e4>2.15.2<GydF4y2Ba/span></a></p> </nav> </div> </aside> <div class="w-full min-h-screen lg:static lg:max-h-full lg:overflow-visible lg:w-3/4"> <div class="flex flex-col-reverse -mx-4 lg:mx-0 lg:flex-row" data-v-0c2f18f5> <div class="w-full px-4 py-8 lg:min-h-screen lg:w-3/4 lg:static lg:overflow-visible lg:max-h-full" data-v-0c2f18f5>  <article data-v-0c2f18f5> <h1 class="transition-colors duration-300 ease-linear text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary" data-v-0c2f18f5>在Amazon Web服务上部署NUXT<GydF4y2Ba/h1> <div class="nuxt-content" data-v-0c2f18f5> <p data-v-0c2f18f5>AWS代表亚马逊Web服务。<GydF4y2Babr data-v-0c2f18f5>S3是它们的静态存储，可以配置为静态站点托管。CloudFront是他们的CDN(内容交付网络)<GydF4y2Ba/p> <h2 id="aws-w-the-amplify-console" data-v-0c2f18f5><a href="#aws-w-the-amplify-console" aria-hidden="true" tabindex="-1" data-v-0c2f18f5><span class="icon icon-link" data-v-0c2f18f5></span></a>AWS W / ALAMIENT控制台<GydF4y2Ba/h2> <p data-v-0c2f18f5>举办一个<S.trong data-v-0c2f18f5>静态生成<GydF4y2Ba/strong>AWS上的NUXT应用程序（放大控制台）是强大的，便宜。<GydF4y2Ba/p> <p data-v-0c2f18f5>首先，将Nuxt应用程序推到您选择的Git提供商。然后，访问<GydF4y2Baa href="https://console.aws.amazon.com/amplify/home" rel="nofollow noopener noreferrer" target="_blank" data-v-0c2f18f5>放大控制台<GydF4y2Ba/a>．点击<S.trong data-v-0c2f18f5>开始<GydF4y2Ba/strong>下面的按钮<S.trong data-v-0c2f18f5>部署<GydF4y2Ba/strong>如果您之前尚未使用放大托管，则为标题，否则单击<S.trong data-v-0c2f18f5>连接应用程序<GydF4y2Ba/strong>按钮。<GydF4y2Ba/p> <h3 id="from-your-existing-code" data-v-0c2f18f5><a href="#from-your-existing-code" aria-hidden="true" tabindex="-1" data-v-0c2f18f5><span class="icon icon-link" data-v-0c2f18f5></span></a>来自现有代码<GydF4y2Ba/h3> <p data-v-0c2f18f5>在“从现有代码”页面上，选择Git提供程序并单击<S.trong data-v-0c2f18f5>继续<GydF4y2Ba/strong>．<GydF4y2Ba/p> <h3 id="add-repository-branch" data-v-0c2f18f5><a href="#add-repository-branch" aria-hidden="true" tabindex="-1" data-v-0c2f18f5><span class="icon icon-link" data-v-0c2f18f5></span></a>添加库分支<GydF4y2Ba/h3> <p data-v-0c2f18f5>在“添加存储库分支”页面上，选择您要部署的存储库和分支。然后，点击<S.trong data-v-0c2f18f5>下一个<GydF4y2Ba/strong>．<GydF4y2Ba/p> <h3 id="configure-build-settings" data-v-0c2f18f5><a href="#configure-build-settings" aria-hidden="true" tabindex="-1" data-v-0c2f18f5><span class="icon icon-link" data-v-0c2f18f5></span></a>配置构建设置<GydF4y2Ba/h3> <p data-v-0c2f18f5>在“配置构建设置”页面上，单击<GydF4y2Bacode data-v-0c2f18f5>编辑<GydF4y2Ba/code>按钮在“构建和测试设置”下。更改以下内容：<GydF4y2Ba/p> <ol data-v-0c2f18f5> <li data-v-0c2f18f5>设定<S.trong data-v-0c2f18f5>构建<GydF4y2Ba/strong>命令<GydF4y2Bacode data-v-0c2f18f5>npm运行生成<GydF4y2Ba/code>．<GydF4y2Ba/li> <li data-v-0c2f18f5>设定<GydF4y2Bacode data-v-0c2f18f5>依赖性<GydF4y2Ba/code>位置是<GydF4y2Bacode data-v-0c2f18f5>dist<GydF4y2Ba/code>．<GydF4y2Ba/li> </ol> <p data-v-0c2f18f5>一旦完成编辑它们，设置应该如下所示：<GydF4y2Ba/p> <div class="nuxt-content-highlight" data-v-0c2f18f5> <pre class="line-numbers language-yml" data-v-0c2f18f5><code data-v-0c2f18f5><span class="token key atrule" data-v-0c2f18f5>版本<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>：<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>1<GydF4y2Ba/span><span class="token key atrule" data-v-0c2f18f5>前端<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>：<GydF4y2Ba/span><span class="token key atrule" data-v-0c2f18f5>阶段<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>：<GydF4y2Ba/span><span class="token key atrule" data-v-0c2f18f5>预博<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>：<GydF4y2Ba/span><span class="token key atrule" data-v-0c2f18f5>命令<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>：<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>-<GydF4y2Ba/span>纱线安装<S.pan class="token key atrule" data-v-0c2f18f5>构建<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>：<GydF4y2Ba/span><span class="token key atrule" data-v-0c2f18f5>命令<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>：<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>-<GydF4y2Ba/span>npm运行生成<S.pan class="token key atrule" data-v-0c2f18f5>伪影<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>：<GydF4y2Ba/span><span class="token comment" data-v-0c2f18f5>＃重要 - 请验证您的构建输出目录<GydF4y2Ba/span><span class="token key atrule" data-v-0c2f18f5>依赖性<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>：<GydF4y2Ba/span>dist<S.pan class="token key atrule" data-v-0c2f18f5>文件<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>：<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>-<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>'** / *'<GydF4y2Ba/span><span class="token key atrule" data-v-0c2f18f5>缓存<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>：<GydF4y2Ba/span><span class="token key atrule" data-v-0c2f18f5>path<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>：<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>-<GydF4y2Ba/span>node_modules /<S.pan class="token important" data-v-0c2f18f5>** / *<GydF4y2Ba/span></code></pre> </div> <p data-v-0c2f18f5>然后，点击<S.trong data-v-0c2f18f5>节省<GydF4y2Ba/strong>和<S.trong data-v-0c2f18f5>下一个<GydF4y2Ba/strong>．<GydF4y2Ba/p> <h3 id="review" data-v-0c2f18f5><a href="#review" aria-hidden="true" tabindex="-1" data-v-0c2f18f5><span class="icon icon-link" data-v-0c2f18f5></span></a>审查<GydF4y2Ba/h3> <p data-v-0c2f18f5>在审阅页面上，点击<S.trong data-v-0c2f18f5>保存并部署<GydF4y2Ba/strong>．<GydF4y2Ba/p> <p data-v-0c2f18f5>然后，您的应用程序将部署。这可能需要几分钟的时间。<GydF4y2Ba/p> <p data-v-0c2f18f5>一次<GydF4y2Bacode data-v-0c2f18f5>条款<GydF4y2Ba/code>那<GydF4y2Bacode data-v-0c2f18f5>建造<GydF4y2Ba/code>那<GydF4y2Bacode data-v-0c2f18f5>部署<GydF4y2Ba/code>，和<GydF4y2Bacode data-v-0c2f18f5>核实<GydF4y2Ba/code>是绿色的，单击放大控制台提供以查看您的网站的URL。<GydF4y2Ba/p> <h2 id="aws-w-s3--cloudfront" data-v-0c2f18f5><a href="#aws-w-s3--cloudfront" aria-hidden="true" tabindex="-1" data-v-0c2f18f5><span class="icon icon-link" data-v-0c2f18f5></span></a>AWS W / S3 + CloudFront<GydF4y2Ba/h2> <p data-v-0c2f18f5>举办一个<S.trong data-v-0c2f18f5>静态生成<GydF4y2Ba/strong>AWS W / S3 + CloudFront上的Nuxt应用程序功能强大又便宜。<GydF4y2Ba/p> <blockquote data-v-0c2f18f5> <p data-v-0c2f18f5>AWS是1000张削减的死亡。如果我们错过了一步，请提交PR以更新本文档。<GydF4y2Ba/p> </blockquote> <h3 id="overview" data-v-0c2f18f5><a href="#overview" aria-hidden="true" tabindex="-1" data-v-0c2f18f5><span class="icon icon-link" data-v-0c2f18f5></span></a>概述<GydF4y2Ba/h3> <p data-v-0c2f18f5>我们将举起一些AWS服务。简要地：<GydF4y2Ba/p> <ul data-v-0c2f18f5> <li data-v-0c2f18f5>S3.<GydF4y2Baul data-v-0c2f18f5> <li data-v-0c2f18f5>云数据“桶”为我们的网站文件<GydF4y2Ba/li> <li data-v-0c2f18f5>可以配置为托管静态网站<GydF4y2Ba/li> </ul></li> <li data-v-0c2f18f5>CloudFront<GydF4y2Baul data-v-0c2f18f5> <li data-v-0c2f18f5>CDN（内容交付网络）<GydF4y2Ba/li> <li data-v-0c2f18f5>提供免费的HTTPS证书<GydF4y2Ba/li> <li data-v-0c2f18f5>使您的网站装载更快<GydF4y2Ba/li> </ul></li> </ul> <p data-v-0c2f18f5>我们将推动这样的网站：<GydF4y2Ba/p> <div class="nuxt-content-highlight" data-v-0c2f18f5> <pre class="line-numbers language-text" data-v-0c2f18f5><code data-v-0c2f18f5>Nuxt生成 - >本地文件夹 - > AWS S3桶 - > AWS CloudFront CDN - >浏览器[Nuxt Generate] [Gulp Deploy] [Deploy.sh]<GydF4y2Ba/code></pre> </div> <p data-v-0c2f18f5>首先，我们将生成网站<GydF4y2Bacode data-v-0c2f18f5>nuxt生成<GydF4y2Ba/code>（<= v2.12）。然后，我们将使用<GydF4y2Baa href="https://gulpjs.com/" rel="nofollow noopener noreferrer" target="_blank" data-v-0c2f18f5>湾<GydF4y2Ba/a>将文件发布到S3存储桶并使CloudFront CDN无效。<GydF4y2Ba/p> <ul data-v-0c2f18f5> <li data-v-0c2f18f5><a href="https://www.npmjs.com/package/gulp" rel="nofollow noopener noreferrer" target="_blank" data-v-0c2f18f5>湾<GydF4y2Ba/a></li> <li data-v-0c2f18f5><a href="https://www.npmjs.com/package/gulp-awspublish" rel="nofollow noopener noreferrer" target="_blank" data-v-0c2f18f5>gulp-awspublish<GydF4y2Ba/a></li> <li data-v-0c2f18f5><a href="https://www.npmjs.com/package/gulp-cloudfront-invalidate-aws-publish" rel="nofollow noopener noreferrer" target="_blank" data-v-0c2f18f5>Gulp-CloudFront-Invalidate-AWS-Publish<GydF4y2Ba/a></li> <li data-v-0c2f18f5><a href="https://www.npmjs.com/package/concurrent-transform" rel="nofollow noopener noreferrer" target="_blank" data-v-0c2f18f5>并发变换<GydF4y2Ba/a>（用于并行上传）<GydF4y2Ba/li> </ul> <p data-v-0c2f18f5>我们的部署脚本需要设置这些环境变量：<GydF4y2Ba/p> <ul data-v-0c2f18f5> <li data-v-0c2f18f5>aws_bucket_name =“example.com”<GydF4y2Ba/li> <li data-v-0c2f18f5>aws_cloudfront =“大写”<GydF4y2Ba/li> <li data-v-0c2f18f5>AWS_ACCESS_KEY_ID = "关键"<GydF4y2Ba/li> <li data-v-0c2f18f5>aws_secret_access_key =“秘密”<GydF4y2Ba/li> </ul> <p data-v-0c2f18f5>我们将拥有这些文件：<GydF4y2Ba/p> <div class="nuxt-content-highlight" data-v-0c2f18f5> <pre class="line-numbers language-text" data-v-0c2f18f5><code data-v-0c2f18f5>gulpfile.js - gulp deploy代码将文件推送到S3并使CloudFront失效<GydF4y2Ba/code></pre> </div> <h3 id="setting-it-up" data-v-0c2f18f5><a href="#setting-it-up" aria-hidden="true" tabindex="-1" data-v-0c2f18f5><span class="icon icon-link" data-v-0c2f18f5></span></a>设置它<GydF4y2Ba/h3> <ol data-v-0c2f18f5> <li data-v-0c2f18f5>制作一个S3桶，并将其配置为静态站点托管<GydF4y2Ba/li> <li data-v-0c2f18f5>创建云端分布<GydF4y2Ba/li> <li data-v-0c2f18f5>配置安全访问<GydF4y2Ba/li> <li data-v-0c2f18f5>在项目中设置构建脚本<GydF4y2Ba/li> </ol> <h3 id="aws-setup-your-s3-bucket-and-cloudfront-distribution" data-v-0c2f18f5><a href="#aws-setup-your-s3-bucket-and-cloudfront-distribution" aria-hidden="true" tabindex="-1" data-v-0c2f18f5><span class="icon icon-link" data-v-0c2f18f5></span></a>AWS：设置S3桶和云端分布<GydF4y2Ba/h3> <p data-v-0c2f18f5>请按照这一点<GydF4y2Baa href="https://reidweb.com/2017/02/06/cloudfront-cdn-tutorial/" rel="nofollow noopener noreferrer" target="_blank" data-v-0c2f18f5>教程设置S3和CloudFront<GydF4y2Ba/a>第一个和二。<GydF4y2Ba/p> <p data-v-0c2f18f5>您现在应该有以下数据：<GydF4y2Ba/p> <ul data-v-0c2f18f5> <li data-v-0c2f18f5>aws_bucket_name =“example.com”<GydF4y2Ba/li> <li data-v-0c2f18f5>aws_cloudfront =“大写”<GydF4y2Ba/li> </ul> <h3 id="aws-configure-security-access" data-v-0c2f18f5><a href="#aws-configure-security-access" aria-hidden="true" tabindex="-1" data-v-0c2f18f5><span class="icon icon-link" data-v-0c2f18f5></span></a>AWS：配置安全访问<GydF4y2Ba/h3> <p data-v-0c2f18f5>有关步骤3，我们需要创建一个可以的用户：<GydF4y2Ba/p> <ul data-v-0c2f18f5> <li data-v-0c2f18f5>更新桶内容<GydF4y2Ba/li> <li data-v-0c2f18f5>使云端分布无效（传播到用户更快的更改）<GydF4y2Ba/li> </ul> <p data-v-0c2f18f5><a href="https://docs.aws.amazon.com/IAM/latest/UserGuide/id_users_create.html" rel="nofollow noopener noreferrer" target="_blank" data-v-0c2f18f5>使用此策略创建程序化用户<GydF4y2Ba/a>：<GydF4y2Ba/p> <blockquote data-v-0c2f18f5> <p data-v-0c2f18f5>注意：替换2x<GydF4y2Bacode data-v-0c2f18f5>example.com.<GydF4y2Ba/code>使用下面的S3桶名称。此策略允许按下指定的桶，并使任何云前分布无效。<GydF4y2Ba/p> </blockquote> <div class="nuxt-content-highlight" data-v-0c2f18f5> <pre class="line-numbers language-json" data-v-0c2f18f5><code data-v-0c2f18f5><span class="token punctuation" data-v-0c2f18f5>{<GydF4y2Ba/span><span class="token property" data-v-0c2f18f5>“版本”<GydF4y2Ba/span><span class="token operator" data-v-0c2f18f5>：<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>“2012-10-17”<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>那<GydF4y2Ba/span><span class="token property" data-v-0c2f18f5>“陈述”<GydF4y2Ba/span><span class="token operator" data-v-0c2f18f5>：<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>{<GydF4y2Ba/span><span class="token property" data-v-0c2f18f5>“效应”<GydF4y2Ba/span><span class="token operator" data-v-0c2f18f5>：<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>“允许”<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>那<GydF4y2Ba/span><span class="token property" data-v-0c2f18f5>“行动”<GydF4y2Ba/span><span class="token operator" data-v-0c2f18f5>：<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>“s3：listbucket”<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>那<GydF4y2Ba/span><span class="token property" data-v-0c2f18f5>“资源”<GydF4y2Ba/span><span class="token operator" data-v-0c2f18f5>：<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>“ARN：AWS：S3 ::: example.com”<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>}<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>那<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>{<GydF4y2Ba/span><span class="token property" data-v-0c2f18f5>“效应”<GydF4y2Ba/span><span class="token operator" data-v-0c2f18f5>：<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>“允许”<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>那<GydF4y2Ba/span><span class="token property" data-v-0c2f18f5>“行动”<GydF4y2Ba/span><span class="token operator" data-v-0c2f18f5>：<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>“s3：putobject”<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>那<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>“s3：putobjectacl”<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>那<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>“s3：getObject”<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>那<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>“s3: GetObjectAcl”<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>那<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>“s3：deleteObject”<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>那<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>“s3：list multipartuploadparts”<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>那<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>“s3：abortmultipartupload”<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>那<GydF4y2Ba/span><span class="token property" data-v-0c2f18f5>“资源”<GydF4y2Ba/span><span class="token operator" data-v-0c2f18f5>：<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>“攻击:aws: s3::: example.com/ *”<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>}<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>那<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>{<GydF4y2Ba/span><span class="token property" data-v-0c2f18f5>“效应”<GydF4y2Ba/span><span class="token operator" data-v-0c2f18f5>：<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>“允许”<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>那<GydF4y2Ba/span><span class="token property" data-v-0c2f18f5>“行动”<GydF4y2Ba/span><span class="token operator" data-v-0c2f18f5>：<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>“CloudFront：CreateInValidation”<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>那<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>“CloudFront：getInvalidation”<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>那<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>“CloudFront：listInValidations”<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>那<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>“CloudFront：UngnullOperation”<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>那<GydF4y2Ba/span><span class="token property" data-v-0c2f18f5>“资源”<GydF4y2Ba/span><span class="token operator" data-v-0c2f18f5>：<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>“*”<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>}<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>}<GydF4y2Ba/span></code></pre> </div> <p data-v-0c2f18f5>然后<GydF4y2Baa href="https://docs.aws.amazon.com/IAM/latest/UserGuide/id_credentials_access-keys.html" rel="nofollow noopener noreferrer" target="_blank" data-v-0c2f18f5>获得访问密钥和秘密<GydF4y2Ba/a>．<GydF4y2Ba/p> <p data-v-0c2f18f5>您现在应该有以下数据：<GydF4y2Ba/p> <ul data-v-0c2f18f5> <li data-v-0c2f18f5>AWS_ACCESS_KEY_ID = "关键"<GydF4y2Ba/li> <li data-v-0c2f18f5>aws_secret_access_key =“秘密”<GydF4y2Ba/li> </ul> <h3 id="laptop-setup-your-projects-build-script" data-v-0c2f18f5><a href="#laptop-setup-your-projects-build-script" aria-hidden="true" tabindex="-1" data-v-0c2f18f5><span class="icon icon-link" data-v-0c2f18f5></span></a>笔记本电脑：设置项目的构建脚本<GydF4y2Ba/h3> <p data-v-0c2f18f5>4.1）创建一个<GydF4y2Bacode data-v-0c2f18f5>部署<GydF4y2Ba/code>脚本。请参阅可选<GydF4y2Baa href="https://github.com/creationix/nvm" rel="nofollow noopener noreferrer" target="_blank" data-v-0c2f18f5>NVM（节点版本管理器）<GydF4y2Ba/a>．<GydF4y2Ba/p> <div class="nuxt-content-highlight" data-v-0c2f18f5> <pre class="line-numbers language-bash" data-v-0c2f18f5><code data-v-0c2f18f5><span class="token shebang important" data-v-0c2f18f5>＃！/ bin / bash<GydF4y2Ba/span><span class="token builtin class-name" data-v-0c2f18f5>出口<GydF4y2Ba/span><span class="token assign-left variable" data-v-0c2f18f5>aws_access_key_id.<GydF4y2Ba/span><span class="token operator" data-v-0c2f18f5>=<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>“钥匙”<GydF4y2Ba/span><span class="token builtin class-name" data-v-0c2f18f5>出口<GydF4y2Ba/span><span class="token assign-left variable" data-v-0c2f18f5>aws_secret_access_key.<GydF4y2Ba/span><span class="token operator" data-v-0c2f18f5>=<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>“秘密”<GydF4y2Ba/span><span class="token builtin class-name" data-v-0c2f18f5>出口<GydF4y2Ba/span><span class="token assign-left variable" data-v-0c2f18f5>aws_bucket_name.<GydF4y2Ba/span><span class="token operator" data-v-0c2f18f5>=<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>“example.com”<GydF4y2Ba/span><span class="token builtin class-name" data-v-0c2f18f5>出口<GydF4y2Ba/span><span class="token assign-left variable" data-v-0c2f18f5>aws_cloudfront.<GydF4y2Ba/span><span class="token operator" data-v-0c2f18f5>=<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>“大写”<GydF4y2Ba/span><span class="token comment" data-v-0c2f18f5>＃加载NVM（Node版本管理器），安装节点（在.nvmrc中的版本），以及NPM安装包<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>-<S.pan class="token string" data-v-0c2f18f5>“<S.pan class="token environment constant" data-v-0c2f18f5>$ home<GydF4y2Ba/span>/.nvm/nvm.sh“<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token operator" data-v-0c2f18f5>&&<GydF4y2Ba/span><span class="token builtin class-name" data-v-0c2f18f5>来源<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>“<S.pan class="token environment constant" data-v-0c2f18f5>$ home<GydF4y2Ba/span>/.nvm/nvm.sh“<GydF4y2Ba/span><span class="token operator" data-v-0c2f18f5>&&<GydF4y2Ba/span>nvm使用<S.pan class="token comment" data-v-0c2f18f5>#npm安装如果尚未安装。<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token operator" data-v-0c2f18f5>！！<GydF4y2Ba/span>-D.<S.pan class="token string" data-v-0c2f18f5>“node_modules”<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token operator" data-v-0c2f18f5>&&<GydF4y2Ba/span><span class="token function" data-v-0c2f18f5>NPM.<GydF4y2Ba/span><span class="token function" data-v-0c2f18f5>安装<GydF4y2Ba/span><span class="token function" data-v-0c2f18f5>NPM.<GydF4y2Ba/span>运行生成GULP部署<GydF4y2Ba/code></pre> </div> <p data-v-0c2f18f5>4.2)使<GydF4y2Bacode data-v-0c2f18f5>部署<GydF4y2Ba/code>runnable并不入住git（deploy.sh有秘密）<GydF4y2Ba/p> <div class="nuxt-content-highlight" data-v-0c2f18f5> <pre class="line-numbers language-bash" data-v-0c2f18f5><code data-v-0c2f18f5><span class="token function" data-v-0c2f18f5>chmod.<GydF4y2Ba/span>+ x deploy.sh.<S.pan class="token builtin class-name" data-v-0c2f18f5>回声<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>“＃不要提交构建文件node_modules dist .nuxt .awpublish deploy.sh”<GydF4y2Ba/span><span class="token operator" data-v-0c2f18f5>>><GydF4y2Ba/span>.gitignore.<GydF4y2Ba/code></pre> </div> <p data-v-0c2f18f5>4.3）将GULP添加到您的项目和命令行<GydF4y2Ba/p> <div class="nuxt-content-highlight" data-v-0c2f18f5> <pre class="line-numbers language-bash" data-v-0c2f18f5><code data-v-0c2f18f5><span class="token function" data-v-0c2f18f5>NPM.<GydF4y2Ba/span><span class="token function" data-v-0c2f18f5>安装<GydF4y2Ba/span>——save-dev gulp gulp-awspublish gulp-cloudfront-invalidate-aws-publish concurrent-transform<S.pan class="token function" data-v-0c2f18f5>NPM.<GydF4y2Ba/span><span class="token function" data-v-0c2f18f5>安装<GydF4y2Ba/span>-G湾<GydF4y2Ba/code></pre> </div> <p data-v-0c2f18f5>4.4）创建一个<GydF4y2Bacode data-v-0c2f18f5>gulpfile.js.<GydF4y2Ba/code>使用构建脚本<GydF4y2Ba/p> <div class="nuxt-content-highlight" data-v-0c2f18f5> <pre class="line-numbers language-javascript" data-v-0c2f18f5><code data-v-0c2f18f5><span class="token keyword" data-v-0c2f18f5>const<GydF4y2Ba/span>湾<S.pan class="token operator" data-v-0c2f18f5>=<GydF4y2Ba/span><span class="token function" data-v-0c2f18f5>要求<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>（<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>“杯”<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>）<GydF4y2Ba/span><span class="token keyword" data-v-0c2f18f5>const<GydF4y2Ba/span>Awpublish.<S.pan class="token operator" data-v-0c2f18f5>=<GydF4y2Ba/span><span class="token function" data-v-0c2f18f5>要求<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>（<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>'GULP-AWPUBLISH'<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>）<GydF4y2Ba/span><span class="token keyword" data-v-0c2f18f5>const<GydF4y2Ba/span>冰球<S.pan class="token operator" data-v-0c2f18f5>=<GydF4y2Ba/span><span class="token function" data-v-0c2f18f5>要求<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>（<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>'Gulp-CloudFront-Invalidate-AWS-Publish'<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>）<GydF4y2Ba/span><span class="token keyword" data-v-0c2f18f5>const<GydF4y2Ba/span>并行化<S.pan class="token operator" data-v-0c2f18f5>=<GydF4y2Ba/span><span class="token function" data-v-0c2f18f5>要求<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>（<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>'并发 - 变换'<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>）<GydF4y2Ba/span><span class="token comment" data-v-0c2f18f5>// https://docs.aws.amazon.com/cli/latest/userguide/cli-environment.html.<GydF4y2Ba/span><span class="token keyword" data-v-0c2f18f5>const<GydF4y2Ba/span>配置<S.pan class="token operator" data-v-0c2f18f5>=<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>{<GydF4y2Ba/span><span class="token comment" data-v-0c2f18f5>// 必需的<GydF4y2Ba/span>参数<S.pan class="token operator" data-v-0c2f18f5>：<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>{<GydF4y2Ba/span><span class="token maybe-class-name" data-v-0c2f18f5>桶<GydF4y2Ba/span><span class="token operator" data-v-0c2f18f5>：<GydF4y2Ba/span>过程<S.pan class="token punctuation" data-v-0c2f18f5>．<GydF4y2Ba/span><span class="token property-access" data-v-0c2f18f5>env.<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>．<GydF4y2Ba/span><span class="token constant" data-v-0c2f18f5>aws_bucket_name.<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>}<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>那<GydF4y2Ba/span>凭证<S.pan class="token operator" data-v-0c2f18f5>：<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>{<GydF4y2Ba/span>AccessKeyId.<S.pan class="token operator" data-v-0c2f18f5>：<GydF4y2Ba/span>过程<S.pan class="token punctuation" data-v-0c2f18f5>．<GydF4y2Ba/span><span class="token property-access" data-v-0c2f18f5>env.<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>．<GydF4y2Ba/span><span class="token constant" data-v-0c2f18f5>aws_access_key_id.<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>那<GydF4y2Ba/span>Secretaccesskey.<S.pan class="token operator" data-v-0c2f18f5>：<GydF4y2Ba/span>过程<S.pan class="token punctuation" data-v-0c2f18f5>．<GydF4y2Ba/span><span class="token property-access" data-v-0c2f18f5>env.<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>．<GydF4y2Ba/span><span class="token constant" data-v-0c2f18f5>aws_secret_access_key.<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>那<GydF4y2Ba/span>签名<S.pan class="token operator" data-v-0c2f18f5>：<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>v3的<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>}<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>那<GydF4y2Ba/span><span class="token comment" data-v-0c2f18f5>// 可选的<GydF4y2Ba/span>deleteoldversions.<S.pan class="token operator" data-v-0c2f18f5>：<GydF4y2Ba/span><span class="token boolean" data-v-0c2f18f5>错误的<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>那<GydF4y2Ba/span><span class="token comment" data-v-0c2f18f5>//不适合生产<GydF4y2Ba/span>分配<S.pan class="token operator" data-v-0c2f18f5>：<GydF4y2Ba/span>过程<S.pan class="token punctuation" data-v-0c2f18f5>．<GydF4y2Ba/span><span class="token property-access" data-v-0c2f18f5>env.<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>．<GydF4y2Ba/span><span class="token constant" data-v-0c2f18f5>aws_cloudfront.<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>那<GydF4y2Ba/span><span class="token comment" data-v-0c2f18f5>// CloudFront分发ID<GydF4y2Ba/span>地区<S.pan class="token operator" data-v-0c2f18f5>：<GydF4y2Ba/span>过程<S.pan class="token punctuation" data-v-0c2f18f5>．<GydF4y2Ba/span><span class="token property-access" data-v-0c2f18f5>env.<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>．<GydF4y2Ba/span><span class="token constant" data-v-0c2f18f5>aws_default_region.<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>那<GydF4y2Ba/span>标题<S.pan class="token operator" data-v-0c2f18f5>：<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>{<GydF4y2Ba/span><span class="token comment" data-v-0c2f18f5>/ *'缓存控制'：'max-age = 315360000，无变换，public'，* /<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>}<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>那<GydF4y2Ba/span><span class="token comment" data-v-0c2f18f5>//明智的默认值 - gitignore这些文件和dirs<GydF4y2Ba/span>Distdir.<S.pan class="token operator" data-v-0c2f18f5>：<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>'dist'<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>那<GydF4y2Ba/span>IndexrootPath.<S.pan class="token operator" data-v-0c2f18f5>：<GydF4y2Ba/span><span class="token boolean" data-v-0c2f18f5>真的<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>那<GydF4y2Ba/span>cachefilename.<S.pan class="token operator" data-v-0c2f18f5>：<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>'.Awpublish'<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>那<GydF4y2Ba/span>Concurrentupload.<S.pan class="token operator" data-v-0c2f18f5>：<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>10.<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>那<GydF4y2Ba/span>等待<S.pan class="token operator" data-v-0c2f18f5>：<GydF4y2Ba/span><span class="token boolean" data-v-0c2f18f5>真的<GydF4y2Ba/span><span class="token comment" data-v-0c2f18f5>//等待CloudFront无效完成（约30-60秒）<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>}<GydF4y2Ba/span>湾<S.pan class="token punctuation" data-v-0c2f18f5>．<GydF4y2Ba/span><span class="token method function property-access" data-v-0c2f18f5>任务<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>（<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>'部署'<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>那<GydF4y2Ba/span><span class="token keyword" data-v-0c2f18f5>功能<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>（<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>）<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>{<GydF4y2Ba/span><span class="token comment" data-v-0c2f18f5>//使用S3选项创建新的发布者<GydF4y2Ba/span><span class="token comment" data-v-0c2f18f5>// http://docs.aws.amazon.com/awsjavascriptsdk/latest/aws/s3.html#constructor-property.<GydF4y2Ba/span><span class="token keyword" data-v-0c2f18f5>const<GydF4y2Ba/span>出版商<S.pan class="token operator" data-v-0c2f18f5>=<GydF4y2Ba/span>Awpublish.<S.pan class="token punctuation" data-v-0c2f18f5>．<GydF4y2Ba/span><span class="token method function property-access" data-v-0c2f18f5>创建<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>（<GydF4y2Ba/span>配置<S.pan class="token punctuation" data-v-0c2f18f5>）<GydF4y2Ba/span><span class="token keyword" data-v-0c2f18f5>让<GydF4y2Ba/span>G<S.pan class="token operator" data-v-0c2f18f5>=<GydF4y2Ba/span>湾<S.pan class="token punctuation" data-v-0c2f18f5>．<GydF4y2Ba/span><span class="token method function property-access" data-v-0c2f18f5>SRC.<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>（<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>'./'<GydF4y2Ba/span><span class="token operator" data-v-0c2f18f5>+<GydF4y2Ba/span>配置<S.pan class="token punctuation" data-v-0c2f18f5>．<GydF4y2Ba/span><span class="token property-access" data-v-0c2f18f5>Distdir.<GydF4y2Ba/span><span class="token operator" data-v-0c2f18f5>+<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>'/ **'<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>）<GydF4y2Ba/span><span class="token comment" data-v-0c2f18f5>// Publisher将添加上面指定的内容长度，内容类型和标题<GydF4y2Ba/span><span class="token comment" data-v-0c2f18f5>//如果未指定，它将将X-AMZ-ACL设置为默认公开读取<GydF4y2Ba/span>G<S.pan class="token operator" data-v-0c2f18f5>=<GydF4y2Ba/span>G<S.pan class="token punctuation" data-v-0c2f18f5>．<GydF4y2Ba/span><span class="token method function property-access" data-v-0c2f18f5>管道<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>（<GydF4y2Ba/span><span class="token function" data-v-0c2f18f5>并行化<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>（<GydF4y2Ba/span>出版商<S.pan class="token punctuation" data-v-0c2f18f5>．<GydF4y2Ba/span><span class="token method function property-access" data-v-0c2f18f5>发布<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>（<GydF4y2Ba/span>配置<S.pan class="token punctuation" data-v-0c2f18f5>．<GydF4y2Ba/span><span class="token property-access" data-v-0c2f18f5>标题<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>）<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>那<GydF4y2Ba/span>配置<S.pan class="token punctuation" data-v-0c2f18f5>．<GydF4y2Ba/span><span class="token property-access" data-v-0c2f18f5>Concurrentupload.<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>）<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>）<GydF4y2Ba/span><span class="token comment" data-v-0c2f18f5>//无效CDN.<GydF4y2Ba/span><span class="token keyword control-flow" data-v-0c2f18f5>如果<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>（<GydF4y2Ba/span>配置<S.pan class="token punctuation" data-v-0c2f18f5>．<GydF4y2Ba/span><span class="token property-access" data-v-0c2f18f5>分配<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>）<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>{<GydF4y2Ba/span><span class="token console class-name" data-v-0c2f18f5>安慰<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>．<GydF4y2Ba/span><span class="token method function property-access" data-v-0c2f18f5>日志<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>（<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>'配置CloudFront分布'<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>）<GydF4y2Ba/span>G<S.pan class="token operator" data-v-0c2f18f5>=<GydF4y2Ba/span>G<S.pan class="token punctuation" data-v-0c2f18f5>．<GydF4y2Ba/span><span class="token method function property-access" data-v-0c2f18f5>管道<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>（<GydF4y2Ba/span><span class="token function" data-v-0c2f18f5>冰球<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>（<GydF4y2Ba/span>配置<S.pan class="token punctuation" data-v-0c2f18f5>）<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>）<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>}<GydF4y2Ba/span><span class="token keyword control-flow" data-v-0c2f18f5>别的<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>{<GydF4y2Ba/span><span class="token console class-name" data-v-0c2f18f5>安慰<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>．<GydF4y2Ba/span><span class="token method function property-access" data-v-0c2f18f5>日志<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>（<GydF4y2Ba/span><span class="token string" data-v-0c2f18f5>“配置了CloudFront分布 - 跳过CDN Invitation”<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>）<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>}<GydF4y2Ba/span><span class="token comment" data-v-0c2f18f5>//删除已删除的文件<GydF4y2Ba/span><span class="token keyword control-flow" data-v-0c2f18f5>如果<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>（<GydF4y2Ba/span>配置<S.pan class="token punctuation" data-v-0c2f18f5>．<GydF4y2Ba/span><span class="token property-access" data-v-0c2f18f5>deleteoldversions.<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>）<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>{<GydF4y2Ba/span>G<S.pan class="token operator" data-v-0c2f18f5>=<GydF4y2Ba/span>G<S.pan class="token punctuation" data-v-0c2f18f5>．<GydF4y2Ba/span><span class="token method function property-access" data-v-0c2f18f5>管道<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>（<GydF4y2Ba/span>出版商<S.pan class="token punctuation" data-v-0c2f18f5>．<GydF4y2Ba/span><span class="token method function property-access" data-v-0c2f18f5>同步<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>（<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>）<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>）<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>}<GydF4y2Ba/span><span class="token comment" data-v-0c2f18f5>//创建缓存文件以加速连续上传<GydF4y2Ba/span>G<S.pan class="token operator" data-v-0c2f18f5>=<GydF4y2Ba/span>G<S.pan class="token punctuation" data-v-0c2f18f5>．<GydF4y2Ba/span><span class="token method function property-access" data-v-0c2f18f5>管道<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>（<GydF4y2Ba/span>出版商<S.pan class="token punctuation" data-v-0c2f18f5>．<GydF4y2Ba/span><span class="token method function property-access" data-v-0c2f18f5>缓存<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>（<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>）<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>）<GydF4y2Ba/span><span class="token comment" data-v-0c2f18f5>//打印上传更新到控制台<GydF4y2Ba/span>G<S.pan class="token operator" data-v-0c2f18f5>=<GydF4y2Ba/span>G<S.pan class="token punctuation" data-v-0c2f18f5>．<GydF4y2Ba/span><span class="token method function property-access" data-v-0c2f18f5>管道<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>（<GydF4y2Ba/span>Awpublish.<S.pan class="token punctuation" data-v-0c2f18f5>．<GydF4y2Ba/span><span class="token method function property-access" data-v-0c2f18f5>记者<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>（<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>）<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>）<GydF4y2Ba/span><span class="token keyword control-flow" data-v-0c2f18f5>返回<GydF4y2Ba/span>G<S.pan class="token punctuation" data-v-0c2f18f5>}<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>）<GydF4y2Ba/span></code></pre> </div> <p data-v-0c2f18f5>4.5）部署和调试<GydF4y2Ba/p> <p data-v-0c2f18f5>运行：<GydF4y2Ba/p> <div class="nuxt-content-highlight" data-v-0c2f18f5> <pre class="line-numbers language-bash" data-v-0c2f18f5><code data-v-0c2f18f5>./deploy.sh.<GydF4y2Ba/code></pre> </div> <p data-v-0c2f18f5>您应该获得类似的输出：<GydF4y2Ba/p> <div class="nuxt-content-highlight" data-v-0c2f18f5> <pre class="line-numbers language-bash" data-v-0c2f18f5><code data-v-0c2f18f5>$ ./deploy.sh发现<S.pan class="token string" data-v-0c2f18f5>'/home/michael/scm/example.com/www/.nvmrc'<GydF4y2Ba/span>使用版本<S.pan class="token operator" data-v-0c2f18f5><<GydF4y2Ba/span><span class="token operator" data-v-0c2f18f5><span class="token file-descriptor important" data-v-0c2f18f5>8.<GydF4y2Ba/span>><GydF4y2Ba/span>现在使用节点v8.11.2<S.pan class="token punctuation" data-v-0c2f18f5>（<GydF4y2Ba/span>NPM v5.6.0.<S.pan class="token punctuation" data-v-0c2f18f5>）<GydF4y2Ba/span><span class="token operator" data-v-0c2f18f5>><GydF4y2Ba/span>example.com@1.0.0生成/home/michael/scm/example.com/www.<S.pan class="token operator" data-v-0c2f18f5>><GydF4y2Ba/span>nunext:生成<S.pan class="token punctuation" data-v-0c2f18f5>..<GydF4y2Ba/span>．+ 0ms nuxt：build app root：/home/michael/scm/example.com/www + 0ms nuxt：build生成/home/michael/scm/example.com/www/.nuxt文件<S.pan class="token punctuation" data-v-0c2f18f5>..<GydF4y2Ba/span>．+ 0ms nuxt：构建生成文件<S.pan class="token punctuation" data-v-0c2f18f5>..<GydF4y2Ba/span>．+36ms nunext:构建生成路由<S.pan class="token punctuation" data-v-0c2f18f5>..<GydF4y2Ba/span>．+ 10ms nuxt：构建构建文件<S.pan class="token punctuation" data-v-0c2f18f5>..<GydF4y2Ba/span>．+ 24ms███████████████████.<S.pan class="token number" data-v-0c2f18f5>100.<GydF4y2Ba/span>％build完成<S.pan class="token keyword" data-v-0c2f18f5>在<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>7.<GydF4y2Ba/span>.009s DONE编译成功<S.pan class="token keyword" data-v-0c2f18f5>在<GydF4y2Ba/span>7013ms.<S.pan class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：22哈希：421D017116D2D95DD1E3版本：网页<S.pan class="token number" data-v-0c2f18f5>3.12<GydF4y2Ba/span>.0时间：7013ms资产大小块块名称页面/ index.ef923f795c1cecc9a444.js<S.pan class="token number" data-v-0c2f18f5>10.6<GydF4y2Ba/span>KB.<S.pan class="token number" data-v-0c2f18f5>0.<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>发射<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>页面布局/ default.87a49937c330bdd31953.js /索引<S.pan class="token number" data-v-0c2f18f5>2.69<GydF4y2Ba/span>KB.<S.pan class="token number" data-v-0c2f18f5>1<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>发射<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>布局/默认页面/我们的值.f60c731d5c3081769fd9.js<S.pan class="token number" data-v-0c2f18f5>3.03<GydF4y2Ba/span>KB.<S.pan class="token number" data-v-0c2f18f5>2<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>发射<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>页面/我们的价值页面/加入 - US.835077C4E6B55D1BBA4.js<S.pan class="token number" data-v-0c2f18f5>1.3<GydF4y2Ba/span>KB.<S.pan class="token number" data-v-0c2f18f5>3.<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>发射<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>页面/加入美国页面/ How.75f8cb5bc24e38bca3b3.js<S.pan class="token number" data-v-0c2f18f5>2.59<GydF4y2Ba/span>KB.<S.pan class="token number" data-v-0c2f18f5>4.<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>发射<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>页面/ app.6dbffe6ac4383bd30a92.js<S.pan class="token number" data-v-0c2f18f5>202.<GydF4y2Ba/span>KB.<S.pan class="token number" data-v-0c2f18f5>5.<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>发射<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>app vendor.134043C361C9AD199C6D.js.<S.pan class="token number" data-v-0c2f18f5>6.31<GydF4y2Ba/span>KB.<S.pan class="token number" data-v-0c2f18f5>6.<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>发射<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>供应商Manifest.421d017116d2d95dd1e3.js.<S.pan class="token number" data-v-0c2f18f5>1.59<GydF4y2Ba/span>KB.<S.pan class="token number" data-v-0c2f18f5>7.<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>发射<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>表现+<S.pan class="token number" data-v-0c2f18f5>3.<GydF4y2Ba/span>隐藏资产哈斯赫：9FD206F4B4E571E9571F版本：网克<S.pan class="token number" data-v-0c2f18f5>3.12<GydF4y2Ba/span>.0时间：2239ms资产大小块块名称服务器-undle.json<S.pan class="token number" data-v-0c2f18f5>306.<GydF4y2Ba/span>KB.<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>发射<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>nuxt：call生成：残忍的钩子<S.pan class="token punctuation" data-v-0c2f18f5>（<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>1<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>）<GydF4y2Ba/span>+ 0ms nuxt：生成目的地文件夹清除+ 10s nuxt：call生成：distcopied hooks<S.pan class="token punctuation" data-v-0c2f18f5>（<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>1<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>）<GydF4y2Ba/span>+ 8ms nuxt：生成静态<S.pan class="token operator" data-v-0c2f18f5>＆<GydF4y2Ba/span>构建文件复制+ 7ms nuxt：渲染渲染URL /我们的值+ 0ms umxt：渲染渲染URL / how + 67ms nuxt：渲染渲染URL / join-Un + 1ms Nuxt：渲染渲染URL / + 0ms Nuxt：call生成：页面钩子<S.pan class="token punctuation" data-v-0c2f18f5>（<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>1<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>）<GydF4y2Ba/span>+ 913ms nuxt：call生成：页钩<S.pan class="token punctuation" data-v-0c2f18f5>（<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>1<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>）<GydF4y2Ba/span>+ 205ms nuxt：call生成：页钩<S.pan class="token punctuation" data-v-0c2f18f5>（<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>1<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>）<GydF4y2Ba/span>+ 329ms nuxt：call生成：页钩<S.pan class="token punctuation" data-v-0c2f18f5>（<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>1<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>）<GydF4y2Ba/span>+ 361ms nuxt：生成生成文件：/our-values/index.html + 2s nuxt：generate生成文件：/how/index.html + 0ms nuxt：generate生成文件：/join-us/index.html + 0ms nuxt：生成生成文件：/index.html + 0ms nuxt：渲染渲染url / + 2s nuxt：call生成：完成挂钩<S.pan class="token punctuation" data-v-0c2f18f5>（<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>1<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>）<GydF4y2Ba/span>+ 4ms nuxt：生成生成的HTML文件<S.pan class="token keyword" data-v-0c2f18f5>在<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>11.<GydF4y2Ba/span>.8s + 5ms nuxt：生成生成<S.pan class="token keyword" data-v-0c2f18f5>完成<GydF4y2Ba/span>+ 0ms<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：27<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>使用gulpfile〜/ scm / example.com / www / gulpfile.js<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：27<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>开始<S.pan class="token string" data-v-0c2f18f5>'部署'<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>..<GydF4y2Ba/span>．配置CloudFront分布<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：27<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>缓存<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>readme.md.<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：27<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>缓存<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>Android-chrome-192x192.png<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：27<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>缓存<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>Android-chrome-512x512.png<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：27<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>缓存<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>Apple-touch-icon.png<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：27<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>缓存<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>browserconfig.xml.<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：27<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>缓存<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>Favicon-16x16.png<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：27<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>缓存<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>Favicon-32x32.png.<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：27<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>缓存<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>Favicon.ico.<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：27<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>缓存<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>Favicon.svg.<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：27<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>缓存<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>logo-branches.svg.<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：27<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>缓存<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>logo-small.svg.<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：27<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>缓存<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>logo.svg.<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：27<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>缓存<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>mstile-150x150.png<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：27<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>缓存<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>OG-Image.jpg.<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：27<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>缓存<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>Safari-pinned-tab.svg<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：27<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>缓存<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>site.webmanifest.<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：28<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>创建<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>_nuxt / manifest.421d017116d2d95dd1e3.js<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：29<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>更新<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>200.<GydF4y2Ba/span>.html.<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：30<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>创建<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>视频/ flag.jpg.<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：30<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>创建<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>_nuxt / vendor.134043c361c9ad199c6d.js.<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：34<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>创建<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>视频/ flag.mp4.<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：34<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>缓存<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>_nuxt / pages / how.75f8cb5bc24e38bca3b3.js<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：34<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>缓存<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>_nuxt / pages / join-us.835077c4e6b55ed1bba4.js<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：34<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>缓存<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>_nuxt / pages /我们的值.f60c731d5c3081769fd9.js<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：36<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>更新<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>我们的价值/ index.html<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：36<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>创建<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>_nuxt / layouts / default.87a49937c330bdd31953.js<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：36<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>创建<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>_nuxt / app.6dbffe6ac4383bd30a92.js.<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：37<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>创建<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>_nuxt / pages / index.ef923f795c1cecc9a444.js<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：38<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>更新<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>加入 - US / INDEX.HTML<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：38<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>更新<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>how / index.html.<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：43<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>创建<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>视频/ flag.webm.<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：43<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span><span class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span>更新<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>index.html.<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：25：43<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>CloudFront Invitation创建：i16nxxxxx4jdoa<S.pan class="token punctuation" data-v-0c2f18f5>[<GydF4y2Ba/span><span class="token number" data-v-0c2f18f5>21.<GydF4y2Ba/span>：26：09<S.pan class="token punctuation" data-v-0c2f18f5>]<GydF4y2Ba/span>完成的<S.pan class="token string" data-v-0c2f18f5>'部署'<GydF4y2Ba/span>后<S.pan class="token number" data-v-0c2f18f5>42.<GydF4y2Ba/span>S.<GydF4y2Ba/code></pre> </div> <p data-v-0c2f18f5>请注意<GydF4y2Bacode data-v-0c2f18f5>CloudFront Invitedation创建：XXXX<GydF4y2Ba/code>是CloudFront失效npm包的唯一输出。如果你看不出来，那就行不通。<GydF4y2Ba/p> </div> <div class="flex justify-between items-center mt-4" data-v-0c2f18f5> <a href="//www.lycasleep.com/docs/2.x/deployment/deploying-to-21yunbox" data-cy="prev" class="text-primary-base font-bold hover:underline flex items-center p-2 pl-0"> <svg fill="currentColor" viewbox="0 0 20 20" class="w-4 h-4 mr-1"> <path fill-rule="evenodd" d="M9.707 16.707a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l4.293 4.293a1 1 0 010 1.414z" clip-rule="evenodd"></path> </svg>21箱<GydF4y2Ba/a> <a href="//www.lycasleep.com/docs/2.x/deployment/deployment-azure-portal" data-cy="next" class="text-primary-base font-bold hover:underline flex items-center p-2 pr-0">Azure门户<S.vg fill="currentColor" viewbox="0 0 20 20" class="w-4 h-4 ml-1"> <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path> </svg></a> </div> <div class="pt-4" data-v-0c2f18f5> <div class="pt-3 mt-6 border-t border-light-border dark:border-dark-border"> <h3 class="relative table my-2 text-xl transition-colors duration-300 ease-linear empty-after after:block after:border-2 after:rounded dark:after:border-dark-onSurfacePrimary light:after:border-light-onSurfacePrimary after:mt-2 after:mb-1 after:w-4/5 text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary">贡献者<GydF4y2Ba/h3> <div> <a href="https://github.com/debs-obrien" rel="noopener" target="_blank" class="inline-flex mb-2 mr-2 overflow-hidden transition-colors duration-300 ease-linear border rounded text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary bg-light-surfaceElevated light:hover:bg-gray-300 dark:bg-dark-elevatedSurface dark:hover:bg-dark-surface border-light-border dark:border-dark-border"><img alt="黛比奥布莱恩“SRC.S.et="https://github.com/debs-obrien.png?size=32, https://github.com/debs-obrien.png?size=64 2x" src="https://github.com/debs-obrien.png?size=32" class="h-8"><span class="inline-block px-2 leading-loose">黛比奥布莱恩<GydF4y2Ba/span></a> <a href="https://github.com/Atinux" rel="noopener" target="_blank" class="inline-flex mb-2 mr-2 overflow-hidden transition-colors duration-300 ease-linear border rounded text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary bg-light-surfaceElevated light:hover:bg-gray-300 dark:bg-dark-elevatedSurface dark:hover:bg-dark-surface border-light-border dark:border-dark-border"><img alt="Sebastien肖邦“SRC.S.et="https://github.com/Atinux.png?size=32, https://github.com/Atinux.png?size=64 2x" src="https://github.com/Atinux.png?size=32" class="h-8"><span class="inline-block px-2 leading-loose">Sebastien肖邦<GydF4y2Ba/span></a> </div> <p class="pt-1 mb-8 transition-colors duration-300 ease-linear text-light-onSurfaceSecondary dark:text-dark-onSurfaceSecondary">抓住了一个错误或想要为文件做出贡献？<GydF4y2Baa href="https://github.com/nuxt/www.lycasleep.com/blob/main/content/en/guides/deployment/deployment-amazon-web-services.md" target="_blank" rel="noopener" class="text-primary-base hover:underline">在github上编辑此页面！<GydF4y2Ba/a></p> <div> <div id="bsa-native"></div> </div> </div> </div> </article> </div> <div class="lg:inset-0 z-90 lg:-mb-0 lg:static lg:h-auto lg:overflow-y-visible lg:pt-0 lg:w-1/4 lg:block" data-v-0c2f18f5> <div class="lg:overflow-y-auto lg:scrolling-touch lg:h-auto lg:block lg:sticky lg:top-24"> <div class="flex flex-col px-4 pt-8 justify-start xl:overflow-y-auto overflow-x-hidden lg:pr-0 lg:pl-8 sticky?lg:max-h-(screen-24)"> <div class="block mb-8" data-v-5b277796 data-v-0c2f18f5> <h6 class="mb-3 lg:mb-2 text-gray-500 dark:text-gray-600 uppercase tracking-wide font-bold text-sm lg:text-xs" data-v-5b277796>在这一页上<GydF4y2Ba/h6> <nav data-v-5b277796> <ul class="scrollactive-nav" data-v-5b277796> <li class="text-gray-600 dark:text-gray-500 border-t border-dashed dark:border-gray-800 first:border-t-0 font-semibold" data-v-5b277796><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-amazon-web-services" data-cy="toc" class="block text-sm scrollactive-item transition-transform ease-in-out duration-300 transform hover:translate-x-1 py-2" data-v-5b277796>AWS W / ALAMIENT控制台<GydF4y2Ba/a></li> <li class="text-gray-600 dark:text-gray-500" data-v-5b277796><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-amazon-web-services" data-cy="toc" class="block text-sm scrollactive-item transition-transform ease-in-out duration-300 transform hover:translate-x-1 ml-2 pb-2" data-v-5b277796>来自现有代码<GydF4y2Ba/a></li> <li class="text-gray-600 dark:text-gray-500" data-v-5b277796><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-amazon-web-services" data-cy="toc" class="block text-sm scrollactive-item transition-transform ease-in-out duration-300 transform hover:translate-x-1 ml-2 pb-2" data-v-5b277796>添加库分支<GydF4y2Ba/a></li> <li class="text-gray-600 dark:text-gray-500" data-v-5b277796><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-amazon-web-services" data-cy="toc" class="block text-sm scrollactive-item transition-transform ease-in-out duration-300 transform hover:translate-x-1 ml-2 pb-2" data-v-5b277796>配置构建设置<GydF4y2Ba/a></li> <li class="text-gray-600 dark:text-gray-500" data-v-5b277796><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-amazon-web-services" data-cy="toc" class="block text-sm scrollactive-item transition-transform ease-in-out duration-300 transform hover:translate-x-1 ml-2 pb-2" data-v-5b277796>审查<GydF4y2Ba/a></li> <li class="text-gray-600 dark:text-gray-500 border-t border-dashed dark:border-gray-800 first:border-t-0 font-semibold" data-v-5b277796><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-amazon-web-services" data-cy="toc" class="block text-sm scrollactive-item transition-transform ease-in-out duration-300 transform hover:translate-x-1 py-2" data-v-5b277796>AWS W / S3 + CloudFront<GydF4y2Ba/a></li> <li class="text-gray-600 dark:text-gray-500" data-v-5b277796><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-amazon-web-services" data-cy="toc" class="block text-sm scrollactive-item transition-transform ease-in-out duration-300 transform hover:translate-x-1 ml-2 pb-2" data-v-5b277796>概述<GydF4y2Ba/a></li> <li class="text-gray-600 dark:text-gray-500" data-v-5b277796><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-amazon-web-services" data-cy="toc" class="block text-sm scrollactive-item transition-transform ease-in-out duration-300 transform hover:translate-x-1 ml-2 pb-2" data-v-5b277796>设置它<GydF4y2Ba/a></li> <li class="text-gray-600 dark:text-gray-500" data-v-5b277796><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-amazon-web-services" data-cy="toc" class="block text-sm scrollactive-item transition-transform ease-in-out duration-300 transform hover:translate-x-1 ml-2 pb-2" data-v-5b277796>AWS：设置S3桶和云端分布<GydF4y2Ba/a></li> <li class="text-gray-600 dark:text-gray-500" data-v-5b277796><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-amazon-web-services" data-cy="toc" class="block text-sm scrollactive-item transition-transform ease-in-out duration-300 transform hover:translate-x-1 ml-2 pb-2" data-v-5b277796>AWS：配置安全访问<GydF4y2Ba/a></li> <li class="text-gray-600 dark:text-gray-500" data-v-5b277796><a href="//www.lycasleep.com/docs/2.x/deployment/deployment-amazon-web-services" data-cy="toc" class="block text-sm scrollactive-item transition-transform ease-in-out duration-300 transform hover:translate-x-1 ml-2 pb-2" data-v-5b277796>笔记本电脑：设置项目的构建脚本<GydF4y2Ba/a></li> </ul> </nav> </div> <div data-v-0c2f18f5> <p class="pb-3 text-sm font-bold tracking-wide text-gray-500 uppercase border-b border-dashed lg:mb-2 dark:text-gray-600 lg:text-xs">伙伴<GydF4y2Ba/p> <div class="partners__slider"> <ul class="partners__slide-track"> <li class="flex flex-col items-center partners__slide"><a href="https://www.netlify.com/" rel="noopener sponsored" target="_blank" class="opacity-75 hover:opacity-100"><img loading="lazy" src="https://d33wubrfki0l68.cloudfront.net/15ecf59b59c9d04b88097c6b5d2c7e8a7d1302d0/b54a4/img/sponsors/light/netlify-logo.svg" alt="netlify.“class="h-8"></a></li> <li class="flex flex-col items-center partners__slide"><a href="https://www.google.com/chrome/" rel="noopener sponsored" target="_blank" class="opacity-75 hover:opacity-100"><img loading="lazy" src="https://d33wubrfki0l68.cloudfront.net/1f21117f5c2b9d270cd361a9c64b6259e5092bc7/daef6/img/sponsors/light/google-chrome.svg" alt="谷歌浏览器“class="h-8"></a></li> <li class="flex flex-col items-center partners__slide"><a href="https://vercel.com" rel="noopener sponsored" target="_blank" class="opacity-75 hover:opacity-100"><img loading="lazy" src="https://d33wubrfki0l68.cloudfront.net/24b46169b21c0776fb199bf583527e6a996f1b11/19476/img/sponsors/light/vercel.svg" alt="vercel.“class="h-8"></a></li> <li class="flex flex-col items-center partners__slide"><a href="https://swell.is/" rel="noopener sponsored" target="_blank" class="opacity-75 hover:opacity-100"><img loading="lazy" src="https://d33wubrfki0l68.cloudfront.net/d964060bef4f406f871e2cc629a1ed8d64d24f1f/204f3/img/sponsors/light/swell-logo.svg" alt="胀“class="h-8"></a></li> <li class="flex flex-col items-center partners__slide"><a href="https://strapi.io/" rel="noopener sponsored" target="_blank" class="opacity-75 hover:opacity-100"><img loading="lazy" src="https://d33wubrfki0l68.cloudfront.net/0db2d5967a9b0d73ec4c1dee7b41170b4dd900eb/77004/img/sponsors/light/strapi-logo.svg" alt="Strapi.“class="h-8"></a></li> <li class="flex flex-col items-center partners__slide"><a href="https://shipshape.io/" rel="noopener sponsored" target="_blank" class="opacity-75 hover:opacity-100"><img loading="lazy" src="https://d33wubrfki0l68.cloudfront.net/577a2c97b32fab4695d9b63b64886c1f62323a33/da293/img/sponsors/light/shipshape-logo.svg" alt="船的形状“class="h-8"></a></li> <li class="flex flex-col items-center partners__slide"><a href="https://www.layer0.co/?ref=nuxt" rel="noopener sponsored" target="_blank" class="opacity-75 hover:opacity-100"><img loading="lazy" src="https://d33wubrfki0l68.cloudfront.net/3eb94c6198af8416b867150eb1db0329e5de408a/22a9e/img/sponsors/light/layer0-logo.svg" alt="第0层“class="h-8"></a></li> <li class="flex flex-col items-center partners__slide"><a href="https://www.storyblok.com/?ref=nuxt" rel="noopener sponsored" target="_blank" class="opacity-75 hover:opacity-100"><img loading="lazy" src="https://d33wubrfki0l68.cloudfront.net/b3c66b7cfbc5e55224d2ca52815c17d7136562fd/f0677/img/sponsors/light/storyblok-logo.svg" alt="故事博客“class="h-8"></a></li> <li class="flex flex-col items-center partners__slide"><a href="https://www.64robots.com/?ref=nuxt" rel="noopener sponsored" target="_blank" class="opacity-75 hover:opacity-100"><img loading="lazy" src="https://d33wubrfki0l68.cloudfront.net/4518c6504a7e690b1277c7ded3840e687e196316/3d62b/img/sponsors/light/64-robots.png" alt="64个机器人“class="h-8"></a></li> <li class="flex flex-col items-center partners__slide"><a href="https://www.netlify.com/" rel="noopener sponsored" target="_blank" class="opacity-75 hover:opacity-100"><img loading="lazy" src="https://d33wubrfki0l68.cloudfront.net/15ecf59b59c9d04b88097c6b5d2c7e8a7d1302d0/b54a4/img/sponsors/light/netlify-logo.svg" alt="netlify.“class="h-8"></a></li> <li class="flex flex-col items-center partners__slide"><a href="https://www.google.com/chrome/" rel="noopener sponsored" target="_blank" class="opacity-75 hover:opacity-100"><img loading="lazy" src="https://d33wubrfki0l68.cloudfront.net/1f21117f5c2b9d270cd361a9c64b6259e5092bc7/daef6/img/sponsors/light/google-chrome.svg" alt="谷歌浏览器“class="h-8"></a></li> <li class="flex flex-col items-center partners__slide"><a href="https://vercel.com" rel="noopener sponsored" target="_blank" class="opacity-75 hover:opacity-100"><img loading="lazy" src="https://d33wubrfki0l68.cloudfront.net/24b46169b21c0776fb199bf583527e6a996f1b11/19476/img/sponsors/light/vercel.svg" alt="vercel.“class="h-8"></a></li> <li class="flex flex-col items-center partners__slide"><a href="https://swell.is/" rel="noopener sponsored" target="_blank" class="opacity-75 hover:opacity-100"><img loading="lazy" src="https://d33wubrfki0l68.cloudfront.net/d964060bef4f406f871e2cc629a1ed8d64d24f1f/204f3/img/sponsors/light/swell-logo.svg" alt="胀“class="h-8"></a></li> <li class="flex flex-col items-center partners__slide"><a href="https://strapi.io/" rel="noopener sponsored" target="_blank" class="opacity-75 hover:opacity-100"><img loading="lazy" src="https://d33wubrfki0l68.cloudfront.net/0db2d5967a9b0d73ec4c1dee7b41170b4dd900eb/77004/img/sponsors/light/strapi-logo.svg" alt="Strapi.“class="h-8"></a></li> <li class="flex flex-col items-center partners__slide"><a href="https://shipshape.io/" rel="noopener sponsored" target="_blank" class="opacity-75 hover:opacity-100"><img loading="lazy" src="https://d33wubrfki0l68.cloudfront.net/577a2c97b32fab4695d9b63b64886c1f62323a33/da293/img/sponsors/light/shipshape-logo.svg" alt="船的形状“class="h-8"></a></li> <li class="flex flex-col items-center partners__slide"><a href="https://www.layer0.co/?ref=nuxt" rel="noopener sponsored" target="_blank" class="opacity-75 hover:opacity-100"><img loading="lazy" src="https://d33wubrfki0l68.cloudfront.net/3eb94c6198af8416b867150eb1db0329e5de408a/22a9e/img/sponsors/light/layer0-logo.svg" alt="第0层“class="h-8"></a></li> <li class="flex flex-col items-center partners__slide"><a href="https://www.storyblok.com/?ref=nuxt" rel="noopener sponsored" target="_blank" class="opacity-75 hover:opacity-100"><img loading="lazy" src="https://d33wubrfki0l68.cloudfront.net/b3c66b7cfbc5e55224d2ca52815c17d7136562fd/f0677/img/sponsors/light/storyblok-logo.svg" alt="故事博客“class="h-8"></a></li> <li class="flex flex-col items-center partners__slide"><a href="https://www.64robots.com/?ref=nuxt" rel="noopener sponsored" target="_blank" class="opacity-75 hover:opacity-100"><img loading="lazy" src="https://d33wubrfki0l68.cloudfront.net/4518c6504a7e690b1277c7ded3840e687e196316/3d62b/img/sponsors/light/64-robots.png" alt="64个机器人“class="h-8"></a></li> </ul> </div> <a href="//www.lycasleep.com/sponsor-nuxtjs" class="no-underline inline-block font-medium text-sm px-4 py-2 shadow uppercase rounded hover:shadow-md justify-center mt-2 mb-8 primary" data-v-deda5324>manbetxapp下载 </a> </div> <div class="flex-1 text-right"> <div value="EN.“options="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]" class="inline-block transition-colors duration-300 ease-linear bg-gray-200 rounded-full nui-select text-nuxt-gray dark:bg-dark-surface dark:text-dark-onSurfaceSecondary"> <div class="flex items-center content-center px-4"> <div class="-mr-4"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" class="fill-current"> <path fill-rule="nonzero" d="M8 0C3.58064516 0 0 3.58064516 0 8c0 4.4193548 3.58064516 8 8 8 4.4193548 0 8-3.5806452 8-8 0-4.41935484-3.5806452-8-8-8zm6.2322581 4.90322581h-2.6612904c-.2903225-1.43225807-.7774193-2.65161291-1.3935483-3.51935484 1.7741935.58709677 3.232258 1.86774193 4.0548387 3.51935484zM10.8387097 8c0 .73870968-.0516129 1.42580645-.1387097 2.0645161H5.3C5.21290323 9.42580645 5.16129032 8.73870968 5.16129032 8c0-.73870968.05161291-1.42580645.13870968-2.06451613h5.4c.0870968.63870968.1387097 1.32580645.1387097 2.06451613zM8 1.03225806c.86774194 0 1.98064516 1.42258065 2.5193548 3.87096775H5.48064516C6.01935484 2.45483871 7.13225806 1.03225806 8 1.03225806zm-2.17741935.35161291c-.61290323.86451613-1.10322581 2.08387097-1.39354839 3.51935484H1.76774194C2.59032258 3.2516129 4.0483871 1.97096774 5.82258065 1.38387097zM1.03225806 8c0-.71935484.10967742-1.41290323.31290323-2.06451613h2.91935484C4.18064516 6.59677419 4.12903226 7.28387097 4.12903226 8c0 .71612903.04838709 1.40322581.13548387 2.0645161H1.34516129C1.14193548 9.41290323 1.03225806 8.71935484 1.03225806 8zm.73548388 3.0967742h2.66129032c.29032258 1.4322581.77741935 2.6516129 1.39354839 3.5193548-1.77419355-.5870967-3.23225807-1.8677419-4.05483871-3.5193548zM8 14.9677419c-.86774194 0-1.98064516-1.4225806-2.51935484-3.8709677h5.03870964C9.98064516 13.5451613 8.86774194 14.9677419 8 14.9677419zm2.1774194-.3516129c.6129032-.8645161 1.1032258-2.0838709 1.3935483-3.5193548h2.6612904c-.8225807 1.6516129-2.2806452 2.9322581-4.0548387 3.5193548zm1.5580645-4.5516129c.0838709-.66129029.1354838-1.34838707.1354838-2.0645161s-.0483871-1.40322581-.1354838-2.06451613h2.9193548c.2032258.6516129.3129032 1.34516129.3129032 2.06451613 0 .71935484-.1096774 1.41290323-.3129032 2.0645161h-2.9193548z"></path> </svg> </div> <select aria-label="Select language" value="EN.“class="z-10 h-10 pl-6 pr-8 font-medium bg-transparent appearance-none cursor-pointer focus:outline-none"><option value="EN.“class="dark:text-dark-surface">英语<GydF4y2Ba/option><option value="FR.“class="dark:text-dark-surface">Français.<GydF4y2Ba/option><option value="zh“class="dark:text-dark-surface">简体中文<GydF4y2Ba/option><option value="贾“class="dark:text-dark-surface">日本语<GydF4y2Ba/option><option value="ko.“class="dark:text-dark-surface">한국어<GydF4y2Ba/option><option value="茹“class="dark:text-dark-surface">Русский.<GydF4y2Ba/option><option value="ID“class="dark:text-dark-surface">印度尼西亚<GydF4y2Ba/option><option value="Pt.“class="dark:text-dark-surface">Português.<GydF4y2Ba/option><option value="es.“class="dark:text-dark-surface">Español.<GydF4y2Ba/option></select> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" class="fill-current -ml-4"> <path fill-rule="evenodd" d="M6.35416667 7.825L.1875 1.70833333C-.00833333 1.5125-.00833333 1.19583333.1875 1l.825-.825c.19583333-.19583333.5125-.19583333.70833333 0l4.9875 4.9375L11.6958333.175c.1958334-.19583333.5125-.19583333.7083334 0l.825.825c.1958333.19583333.1958333.5125 0 .70833333L7.0625 7.825c-.19583333.19583333-.5125.19583333-.70833333 0z"></path> </svg> </div> </div> </div> </div> </div> </div> </footer> <nav class="fixed bg-light-elevatedSurface dark:bg-dark-elevatedSurface border-t left-0 bottom-0 right-0 z-30 border-light-border dark:border-dark-border block lg:hidden transition-colors duration-300 ease-linear" data-v-44864996> <div class="flex justify-between items-center h-16" data-v-44864996> <a href="//www.lycasleep.com/docs/2.x/get-started/installation" class="block md:flex md:justify-center w-full p-2 md:p-4 text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary hover:no-underline hover:text-primary-base dark:hover:text-primary-base text-center visited:text-nuxt-gray transition-colors duration-300 ease-linear" data-v-44864996> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="books" data-prefix="fad" focusable="false" role="img" viewbox="0 0 576 512" class="svg-inline--fa fa-books fa-w-18 inline-block h-5 fill-current mb-1" data-v-44864996> <g class="fa-group" data-v-44864996> <path fill="currentColor" d="M96 0H32A32 32 0 0 0 0 32v64h128V32A32 32 0 0 0 96 0zM0 384h128V128H0zm0 96a32 32 0 0 0 32 32h64a32 32 0 0 0 32-32v-64H0zm513.62-17.78L401.08 42.71l-60.26 16.14 112.35 418.8c.11.39.2.79.29 1.18l60.29-16.15c-.04-.15-.09-.3-.13-.46zM160 480a32 32 0 0 0 32 32h64a32 32 0 0 0 32-32v-64H160zM256 0h-64a32 32 0 0 0-32 32v64h124.79l-8-29.65a23.94 23.94 0 0 1 11.17-27V32A32 32 0 0 0 256 0zm-96 384h128V128H160z" opacity=".4" class="fa-secondary" data-v-44864996></path> <path fill="currentColor" d="M0 416h128v-32H0zm0-288h128V96H0zm575.17 317.65L460.39 17.78a23.89 23.89 0 0 0-29.18-17h-.09L415.73 5a24 24 0 0 0-16.9 29.36l114.79 427.86a23.89 23.89 0 0 0 29.18 17h.09l15.38-4.22a24 24 0 0 0 16.9-29.35zM160 416h128v-32H160zM338.39 49.78a23.89 23.89 0 0 0-29.18-17h-.09L293.73 37a24 24 0 0 0-16.9 29.36l8 29.65H160v32h128V108l103.62 386.22a23.89 23.89 0 0 0 29.18 17h.09l15.38-4.22a24 24 0 0 0 16.9-29.33z" class="fa-primary" data-v-44864996></path> </g> </svg><span class="block text-xs md:text-base md:pl-3 font-medium text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary transition-colors duration-300 ease-linear" data-v-44864996>译文<GydF4y2Ba/span></a> <a href="//www.lycasleep.com/examples" class="block md:flex md:justify-center w-full p-2 md:p-4 text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary hover:no-underline hover:text-primary-base dark:hover:text-primary-base text-center visited:text-nuxt-gray transition-colors duration-300 ease-linear" data-v-44864996> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="code" data-prefix="fad" focusable="false" role="img" viewbox="0 0 640 512" class="svg-inline--fa fa-code fa-w-20 inline-block h-5 fill-current mb-1" data-v-44864996> <g class="fa-group" data-v-44864996> <path fill="currentColor" d="M422.12 18.16a12 12 0 0 1 8.2 14.9l-136.5 470.2a12 12 0 0 1-14.89 8.2l-61-17.7a12 12 0 0 1-8.2-14.9l136.5-470.2a12 12 0 0 1 14.89-8.2z" opacity=".4" class="fa-secondary" data-v-44864996></path> <path fill="currentColor" d="M636.23 247.26l-144.11-135.2a12.11 12.11 0 0 0-17 .5L431.62 159a12 12 0 0 0 .81 17.2L523 256l-90.59 79.7a11.92 11.92 0 0 0-.81 17.2l43.5 46.4a12 12 0 0 0 17 .6l144.11-135.1a11.94 11.94 0 0 0 .02-17.54zm-427.8-88.2l-43.5-46.4a12 12 0 0 0-17-.5l-144.11 135a11.94 11.94 0 0 0 0 17.5l144.11 135.1a11.92 11.92 0 0 0 17-.5l43.5-46.4a12 12 0 0 0-.81-17.2L117 256l90.6-79.7a11.92 11.92 0 0 0 .83-17.24z" class="fa-primary" data-v-44864996></path> </g> </svg><span class="block text-xs md:text-base md:pl-3 font-medium text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary transition-colors duration-300 ease-linear" data-v-44864996>万博体育app彩票平台票</span></a> <a href="//www.lycasleep.com/resources" class="block md:flex md:justify-center w-full p-2 md:p-4 text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary hover:no-underline hover:text-primary-base dark:hover:text-primary-base text-center visited:text-nuxt-gray transition-colors duration-300 ease-linear" data-v-44864996> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="swatchbook" data-prefix="fad" focusable="false" role="img" viewbox="0 0 512 512" class="svg-inline--fa fa-swatchbook fa-w-16 inline-block h-5 fill-current mb-1" data-v-44864996> <g class="fa-group" data-v-44864996> <path fill="currentColor" d="M64,256h64V192H64Zm370.66-88.29h0L344.5,77.36a31.83,31.83,0,0,0-45-.07h0l-.07.07L224,152.88V424L434.66,212.9A32,32,0,0,0,434.66,167.71ZM64,128h64V64H64ZM480,320H373.09L186.68,506.51c-2.06,2.07-4.5,3.58-6.68,5.49H480a32,32,0,0,0,32-32V352A32,32,0,0,0,480,320Z" opacity=".4" class="fa-secondary" data-v-44864996></path> <path fill="currentColor" d="M160,0H32A32,32,0,0,0,0,32V416a96,96,0,0,0,192,0V32A32,32,0,0,0,160,0ZM96,440a24,24,0,1,1,24-24A24,24,0,0,1,96,440Zm32-184H64V192h64Zm0-128H64V64h64Z" class="fa-primary" data-v-44864996></path> </g> </svg><span class="block text-xs md:text-base md:pl-3 font-medium text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary transition-colors duration-300 ease-linear" data-v-44864996>资源<GydF4y2Ba/span></a> <a href="//www.lycasleep.com/blog" class="block md:flex md:justify-center w-full p-2 md:p-4 text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary hover:no-underline hover:text-primary-base dark:hover:text-primary-base text-center visited:text-nuxt-gray transition-colors duration-300 ease-linear" data-v-44864996>manbetxapp </a> <a href="https://masteringnuxt.com/?utm_source=nuxt&utm_medium=link&utm_campaign=navbar_link" target="_blank" rel="noopener" class="iblock md:flex md:justify-center w-full p-2 md:p-4 text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary hover:no-underline hover:text-primary-base dark:hover:text-primary-base text-center visited:text-nuxt-gray transition-colors duration-300 ease-linear" data-v-44864996> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-icon="play-circle" data-prefix="fad" focusable="false" role="img" viewbox="0 0 512 512" class="svg-inline--fa fa-play-circle fa-w-16 inline-block h-5 fill-current mb-1" data-v-44864996> <g class="fa-group" data-v-44864996> <path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm115.7 272l-176 101c-15.8 8.8-35.7-2.5-35.7-21V152c0-18.4 19.8-29.8 35.7-21l176 107c16.4 9.2 16.4 32.9 0 42z" opacity=".4" class="fa-secondary" data-v-44864996></path> <path fill="currentColor" d="M371.7 280l-176 101c-15.8 8.8-35.7-2.5-35.7-21V152c0-18.4 19.8-29.8 35.7-21l176 107c16.4 9.2 16.4 32.9 0 42z" class="fa-primary" data-v-44864996></path> </g> </svg><span class="block text-xs md:text-base md:pl-3 font-medium text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary transition-colors duration-300 ease-linear" data-v-44864996>万博manbetx地址</span></a> </div> </nav> <div class="w-full fixed bottom-0 left-0 mt-8 z-40 bg-light-elevatedSurface dark:bg-dark-elevatedSurface"></div> </div> </div> </div> </body> </html>