경로에 @를 추가하는 방법 nuxtjs.예: example.com/@properties

경로에 @를 추가하는 방법 nuxtjs.예: example.com/@properties

나는 nuxtjs에서 동적 경로에 @를 추가하는 방법을 찾고 있었다.

나는 example.com/@property를 이루고 싶다.

나는 '@'라는 이름의 디렉토리를 만들려고 노력했고 그 안에 _user 파일을 만들었다.하지만 그것은 @/190으로 이어진다.

또한 구성에서 라우터를 확장하고 다음과 같은 사용자 지정 경로를 생성하려고 시도했다.

router: {
    extendRoutes(routes, resolve) {
      routes.push({
        name: 'user',
        path: '/(@):username',
        component: resolve(__dirname, 'pages/userProfile.vue')
      })
    }
  },

그러나 nuxt는 그것을 막고 오류를 던지고 있다.

Expected "0" to match "@", but received "%40"

이것으로 내가 이해하는 것은, 그것은 @ 기호와 사용자 이름을 url-encing하고 있다는 것이다.

아래 호에서 설명한 대로 원하는 출력(vue 라우터에서 가능)을 달성하는 방법

https://github.com/vuejs/vue-router/issues/499

어떤 도움이라도 감사할 것이다.고마워!

Nvm.

방금 내가 고친 거야.타인을 돕기 위한 답변 게시

Nuxt는 @_username을 지원하지 않는다.nuxt 파일 시스템 라우팅의 vue 경로 이름.example.com/@proute로 경로를 달성하려면 라우터 개체의 nuxt.config.js 파일로 확장하고 사용자 지정 경로를

router: {
    extendRoutes(routes, resolve) {
      routes.push({
        name: 'user',
        path: '/@:username',
        component: resolve(__dirname, 'pages/userProfile.vue')
      })
    }
  },

경로 디펜싱은 nuxt가 vue 라우터를 구현하듯이 vue 라우터와 정확히 동일하다.그래서 여기,

name 속성은 경로 이름이다.

경로 속성은 경로 경로(prv. I was trying it(@):오류로 이어지는 경로로, 브래킷을 제거했을 때 방금 수정됨)

구성 요소 속성은 페이지/구성 요소 파일 이름이고 어디에나 존재할 수 있으며, 파일 경로를 존재하는 위치로 설정하기만 하면 된다.

나중에 고마워! 건배!

참조URL: https://stackoverflow.com/questions/64658132/how-to-add-in-route-in-nuxtjs-e-g-example-com-username