반응형

vue-router 49

Vue-루터의 DOM 기반 개방형 리디렉션 취약성

Vue-루터의 DOM 기반 개방형 리디렉션 취약성 나는 Vue-cli로 시작한 Vue 애플리케이션을 가지고 있다. Vue 버전:2.6.11 vue-properties 버전:3.2.0 재생성 링크 https://github.com/keyhangholami/dom-based-open-redirect 재생산 단계 URL + 임의 URL에 3개 이상의 회송 슬래시를 넣고 슬래시로 포맷된 날짜(예: http:///w.localhost:3000////google.com?dob=11/10/1987)를 입력한 후 적중Enter. 예상 동작 URL이 잘못된 경우(슬래시 3개 이상 포함 + 이와 같은 날짜 포함) 404 페이지를 참조하십시오. 실제로 무슨 일이 일어나고 있는 거지? 리디렉션 규칙이 없고 404로 리디렉션할..

Programing 2022.04.03

브라우저를 사용하여 비동기/게을 로드 Vue 구성 요소

브라우저를 사용하여 비동기/게을 로드 Vue 구성 요소 나는 내 app.js 파일에 많은 Vue.js 구성 요소를 로드하려고 한다(엘릭시르를 통해 브라우저/vueify를 사용). 모든 구성 요소를 한 번에 로드하는 대신 개별 vue 구성 요소가 필요할 때 vue 라우터를 사용하여 느리게 로드하고 싶다. 파일을 어디에 설정하고 어떻게 구성해야 하는가? 그 순간, 나는 다음과 같은 메인 app.js 파일을 묶었다. import Vue from 'vue'; import Resource from 'vue-resource'; import VueRouter from 'vue-router'; // These are the components that I wish to lazy load: // import Users ..

Programing 2022.04.01

vue-properties가 제대로 라우팅되지 않음, 구성 요소가 표시되지 않음

vue-properties가 제대로 라우팅되지 않음, 구성 요소가 표시되지 않음 사용하려고 한다.vue-router다른 경로에 대해 다른 구성요소를 표시한다.그러나 그것은 효과가 없는 것 같다. 나는 여기에 편찬된 프로그램의 코데펜을 가지고 있다. 나의main.js라우터를 정의하고 vue 애플리케이션을 시작하는 것뿐입니다.부품을 수입하고 경로를 설정하는 겁니다. import scss from './stylesheets/app.styl'; import Vue from 'vue'; import VueRouter from 'vue-router'; import Resource from 'vue-resource'; import App from './components/app.vue'; import Home fro..

Programing 2022.03.31

이름이 'na......'인 경로는 존재하지 않는다.$router.push() 잘못된 경로 Vue Js로 이동

이름이 'na......'인 경로는 존재하지 않는다.$router.push() 잘못된 경로 Vue Js로 이동 나는 vue-router의 잘못된 작업 방법 $router.push()에 대해 문제에 직면했다. 나는 동일한 단추를 가진 두 페이지가 있고 이 단추들은 동일한 방법을 실행한다(페이지 addToMyLibrary 페이지로 이동).아래에는 이러한 방법들이 어떻게 작동하는지 설명한다. 방법:router.push(), 나는 이것을 사용한다.$route.name, push() 내부의 동적 이름 속성을 변경하기 위해(다음과 다음 사이에서 변경하기 위해 필요함route.name: 'sectionDocs.search.addToMyLibrary'그리고route.name: 'sectionDocs.view.addTo..

Programing 2022.03.30

Vue 라우터가 View의 하위 구성 요소를 인식하지 못함

Vue 라우터가 View의 하위 구성 요소를 인식하지 못함 라우터가 내 보기 내부의 구성요소를 로드하지 않는 경우... 구조는 다음과 같다. 보기: (테스트 작동, finMain 실행 안 함) test 라우터: export default new Router({ routes: [ { path: "/financial", name: "financial", component: () => import("@/views/finView") } ], }); 말하자면component: () => import("../components/finance/finMain")내 라우터에서 그것은 작동한다...구성 요소를 뷰에 넣지 않으면... 이것이 내가 얻는 오류다: Unknown custom element: - did you r..

Programing 2022.03.29

vue composition api에서 라우터를 사용하는 방법?

vue composition api에서 라우터를 사용하는 방법? 나는 vue에서 경로를 정의했다. /users/:userId UserComponent를 가리키는 항목: {{username}} 그리고 나는 사용한다.computed로부터@vue/composition-api자료를 얻기 위해서. 문제는 노선이 다른 노선으로 바뀔 때 입니다.userId다른 사용자로 이동하여 html 템플릿의 사용자가 내가 예상한 대로 변경되지 않음.또한 사용자가 목록에 없을 때는 리디렉션되지 않는다. 그래서 내가 그걸 고치기 위해 할 수 있는 게 뭐야? 여기 내 코드가 있다: {{username}} 그냥 이렇게 하면 된다. import { useRoute } from 'vue-router'; export default { set..

Programing 2022.03.29

어떤 방법으로 VueJS 구성 요소를 파괴하는 방법?

어떤 방법으로 VueJS 구성 요소를 파괴하는 방법? 나는 사용자가 다른 탭을 열 수 있는 탭 구성요소가 있는 VueJS 애플리케이션을 가지고 있다.또한 나는 사용자 계정을 지원해서 각 사용자들이 자신만의 탭을 가질 수 있도록 한다. 하지만 여기서 중요한 점은 한 명의 사용자로 로그인하면 로그아웃하고 그 직후 다른 사용자로 로그인한다는 겁니다.두 번째 사용자가 기록된 후 두 번째(또는 두 번째) 동안 이전 사용자가 가지고 있는 탭을 볼 수 있으며, 즉시 두 번째 사용자의 탭으로 덮어쓸 수 있다. 그럼 어떻게 하면 이런 일이 일어나지 않게 할 수 있을까?나는 "로그아웃" 버튼을 클릭했을 때 어떤 방법으로 이 작업을 할 수 있다고 생각한다. 좀 더 정확히 말하면, 내가 가지고 있는 것은 라우터와 두 페이지(..

Programing 2022.03.29

Vue.js 라우터 링크가 업데이트되지 않음

Vue.js 라우터 링크가 업데이트되지 않음 다음과 같은 단순화된 코드를 사용하여 재현한 문제가 발생함: 앱뷰 Home | | View 1 - Param 1 | View 1 - Param 2 뷰1.vue My prop = {{myprop}} Home 링크를 시작하고 "View 1 - Param 1"을 클릭하면 View1로 이동하며 "My prop = hello 1"을 확인하십시오.이것은 예상한 대로다. 그런 다음 홈 페이지로 돌아가서 "View 1 - Param 2"를 클릭하면 View1로 이동하며 "My prop = hello 2"를 확인하십시오.이것도 역시 예상대로다. 여기서부터 문제가 시작된다.이미 "보기 1 - 매개변수 2"에 있는 동안 "보기 1 - 매개변수 1"을 클릭하면 보기 1로 이동하지만..

Programing 2022.03.28

매개 변수를 제거하기 위해 URL의 경로를 업데이트하는 방법

매개 변수를 제거하기 위해 URL의 경로를 업데이트하는 방법 나는 최근에 아마존 AWS Cognito를 사용하여 Vue.js 응용 프로그램에 인증을 구현했다.인증이 제대로 작동하고 있지만 URL을 정리하려고 하는데 방법을 알아내지 못했어. 내가 Cognito로 인증하면 나는 JSON 웹 토큰을 얻는 데 사용되는 코드를 받는다.이것은 내 URL을 이렇게 보이게 한다. http://localhost:8080/?code=7a1d074c-0d39-4da3-a291-b618b69019d4 토큰을 가져와서 디코딩하면 다음 코드를 사용하여 사용자를 내 애플리케이션 홈 페이지로 리디렉션함 this.$router.push('home') 이렇게 되면 이렇게 생긴 URL이 생기는데 이렇게 생긴 URL을 갖게 된다. http..

Programing 2022.03.27

vue-resulting 구성 요소를 라우터 보기 외부로 업데이트하지 않음

vue-resulting 구성 요소를 라우터 보기 외부로 업데이트하지 않음 다음과 같은 루트 Vue 구성 요소 설정: 따라서 메인 내브는 라우터 뷰 외부의 구성요소다.데이터가 변경되거나 경로에서 경로로 이동할 때 메인 내브 자체를 제대로 업데이트하는 데 어려움을 겪고 있다.기본 네이브의 간단한 버전은 다음과 같다. Logout 먼저 나는 설정해야만 했다.cache: false에서loggedIn로그아웃한 후에도 자산이 전혀 업데이트되지 않는 경우.나는 또한 a를 추가해야 했다.$forceUpdate()로그아웃 후 구성 요소가 새로 고쳐지도록 하십시오.지금 로그인한 후에도 같은 문제가 있어. 구성 요소가 새로 고쳐지지 않아.나는 Vue dev 도구에서 다음과 같은 것을 볼 수 있다.loggedIn이다true..

Programing 2022.03.27
반응형