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-cli 설정 및 작동
1. npm i -D netlify-cli 설치
2. package.json 내부
"dev:netlify" : "netlify dev" 선언
3. npm run dev:netlify 작동
*작동시 개발서버에서 8080포트로 개발되어 netlify에서는 8888포트로 연결된다.
http://localhost:8888/.netlify/functions/hello 해당 주소에 접속하면 hello.js에서 json수정한 객체가 보이게 된다.
'Vue' 카테고리의 다른 글
| 서버리스 fetchmovie JSON.parse~stringify, 환경변수 .env (0) | 2021.08.27 |
|---|---|
| main.scss 전역설정, vuex의 mapState, 검색된정보초기화 및 페이지이동간 스크롤업 (0) | 2021.08.26 |
| page404만들기, RouterLink/@click, media-breakpoint (0) | 2021.08.26 |
| 정규표현식 .test( ), 이미지로딩아이콘 생성 (0) | 2021.08.26 |
| 고해상도 이미지변경 methods, (0) | 2021.08.25 |
