Route/Router 요소, netlify-CLI 구성하기

RouterView 라우터로 연결된 실제 동작할 부분을 보여준다

RouterLink a태그처럼 누르면 라우터로 연결된 ./route로 이동시킨다.

 

Route는 fullPath나 param같은 요소들이 있다

Router는 push같은 메소드들이 들어있다.

 

netlify-CLI 서버리스함수로 API관리구조

[설정]

1. netlify.toml 생성

[build]
  functions = 'functions' //function 디렉토리를 서버리스 함수 폴더로 지정

 

2. functions 폴더 생성

3. functions 폴더 내부 서버리스 함수 hello.js 생성

exports.handler = async function(event,context){

  return{

    statusCode:200,

    body: JSON.stringify({

      name:'HEROPY',

      age:25,

      email:'sadad@naver.com'

    })

  }

}

netlify.toml 설정

netlify.toml

netlify-cli 설정 및 작동

1. npm i -D netlify-cli 설치

2. package.json 내부 

"dev:netlify" : "netlify dev" 선언

package.json - scripts 설정

3. npm run dev:netlify 작동

*작동시 개발서버에서 8080포트로 개발되어 netlify에서는 8888포트로 연결된다.

http://localhost:8888/.netlify/functions/hello 해당 주소에 접속하면 hello.js에서 json수정한 객체가 보이게 된다.