오늘도 개발자 Backend Developer

[Vue.js] 사용하면서 얻은 팁.

1. URI 변경

  • http://xxxx/#/hello 에서 http://xxxx/hello 로 변경하는 법

  • router/index.js 에서 mode를 변경해준다.

export default new Router({
  mode: 'history',
})
  • https://router.vuejs.org/guide/essentials/history-mode.html

2. atch-all 라우트

  • 404 페이지에 대한 라우터 추가.
export default new Router({
  routes: [
    {
      path: '*',
      name: 'not_found',
      component: not_found
    }
  ]
})
  • https://router.vuejs.org/kr/guide/essentials/history-mode.html#%EC%A3%BC%EC%9D%98-%EC%82%AC%ED%95%AD

3. 긴글 … 으로 말 줄임 처리.

4. Favicon

<head>
  <link href="/static/favicon.ico" rel="icon" type="image/x-icon"/>
  <link href="/static/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
</head>
  • static 폴더에 favicon.ico 파일 추가.