반응형

Vue-Router 42

Vue에서 npm 실행 빌드를 사용하여 프로덕션에 .htaccess를 포함하는 방법

Vue에서 npm 실행 빌드를 사용하여 프로덕션에 .htaccess를 포함하는 방법 나는 Vue CLI 3과 Vue-Router 모드 히스토리를 사용하고 있는데 이 문제가 있었어.내가 도망친 후에 알게 되었다.npm run build, 나는 말할 필요가 있다..htaccess디스트 폴더 안에 만드는 법npm run build를 자동으로 포함시키다.htaccess수동으로 dist 폴더에 복사할 필요가 없도록?당연하게 들릴지 모르지만, 공용 폴더 안에 .htaccess를 넣는 것이 내게는 좋은 방법인 것 같다.공용 폴더에 포함된 모든 내용은 빌드하는 동안 dist 폴더에 있는 그대로 복사된다.참조URL: https://stackoverflow.com/questions/52397542/in-vue-how-to..

programing 2022.03.17

vue 라우터 문제, 기록 모드가 두 번째 계층에서 작동하지 않음

vue 라우터 문제, 기록 모드가 두 번째 계층에서 작동하지 않음 나는 vuejs 프로젝트를 가지고 있다. vue 라우터를 사용하는 나는 내 웹사이트를 위해 대시보드를 만들었고 그것을 위한 두 번째 라우터를 추가하고 싶었다. import Vue from 'vue' import Router from 'vue-router' import Index from "@/views/Admin/Index.vue"; import ContactIndex from "@/views/Admin/Contact/Index.vue"; Vue.use(Router) const router = new Router({ mode: "history", routes: [{ path: '/admin', name: 'admin', component:..

programing 2022.03.15

여러 구성 요소를 사용하여 정적 소품 및 동적 매개 변수를 Vue 경로로 전달

여러 구성 요소를 사용하여 정적 소품 및 동적 매개 변수를 Vue 경로로 전달 나는 학교의 학위 과정 과정을 보여주기 위해 설정한 부에 루트가 있다. { path: '/courses-by-degree/:degree', components: { sidebar: Sidebar, content: Grid }, props: { sidebar: { title: "Fulfills", type: "all", degree: "", keyword: '' }, content: { type: "degree", degree: "English", keyword: "", columns: { "Title": "title", "Term": "term_description", "Day, Time": "", "Format": "form..

programing 2022.03.15

RouteEnter 후크 전에 vue-router 내의 다른 URL로 리디렉션하는 방법?

RouteEnter 후크 전에 vue-router 내의 다른 URL로 리디렉션하는 방법? Vue.js 2와 함께 관리 페이지를 작성하고 있으며 인증되지 않은 사용자가 액세스하지 못하도록 차단하고 싶다./admin경로를 지정하고 로 리디렉션/login. 그러기 위해 나는 구성 요소 내 가드를 사용해 왔다.beforeRouteEnter다음과 같은 Admin 구성 요소에서 ... beforeRouteEnter(to, from, next) { if(userNotLogedIn) { this.$router.push('/login'); } } 여기서 문제는 이다.this정의되지 않음beforeRouteEnter훅이야 그럼 어떻게 접근하는 게 좋을까?$router그리고 이 경우 다른 URL로 리디렉션하시겠습니까?문서에..

programing 2022.03.14

Firebase 함수 다시 쓰기 및 vue 라우터와의 충돌

Firebase 함수 다시 쓰기 및 vue 라우터와의 충돌 내가 vue 프로젝트를 공개하면, 소방 기지의 기능이 작동을 멈추고 이 노선의 모든 호출이 프로젝트 vue로 리디렉션된다. 여긴 내 소방 기지야js { "hosting": { "public": "./dist/pwa-mat", "ignore": [ "firebase.json", "**/.*", "**/node_modules/**" ], "rewrites": [ { "source": "/second", "function": "webPush" },{ "source": "/subscribe", "function": "webPush" },{ "source": "/hello/**", "function": "api" },{ "source": "/subscri..

programing 2022.03.13

오류를 유발하는 VueJS crollBehavior() 매개 변수

오류를 유발하는 VueJS crollBehavior() 매개 변수 경로를 다른 보기로 변경할 때 위쪽으로 스크롤하도록 VueJS 앱을 설정하려고 해.라우터 구성에 crollBehavior 메서드를 추가했는데 문제가 좀 있어. "npm run serve"를 시도하면 crollBehavior(to, from, savedPosition)를 사용할 때 오류가 발생하지만 함수 파라미터를 제거하면 문제가 없다.내가 더 예뻐지지 않게 하면 그것도 효과가 있지만 "소방서 배치"는 매번 실패한다. const router = new VueRouter({ mode: "history", base: process.env.BASE_URL, routes, scrollBehavior (to, from, savedPosition) {..

programing 2022.03.12

RouterLink 특성 읽기 전용

RouterLink 특성 읽기 전용 나는 Vue.js의 VueRouter부터 시작해서 나는 이런 실수를 하고 있다. [Vue warn]: $attrs is readonly. found in ---> at resources\assets\js\modules\livegame\player\SecondNav.vue at resources\assets\js\modules\livegame\player\Player.vue [Vue warn]: $listeners is readonly. found in ---> at resources\assets\js\modules\livegame\player\SecondNav.vue at resources\assets\js\modules\livegame\player\Player.vue..

programing 2022.03.12

Electronic Menu 클릭() 이벤트를 사용하여 Vue 경로를 변경하려면 어떻게 해야 하는가?

Electronic Menu 클릭() 이벤트를 사용하여 Vue 경로를 변경하려면 어떻게 해야 하는가? 내 빌드에서는 라우터 링크를 통해 각 구성요소로 라우팅할 수 있지만 메뉴 클릭() 이벤트를 통해 라우팅할 수는 없다. 메뉴 템플릿에서 다음을 사용하여 경로를 변경하려고 시도한다. win!.loadURL("http://localhost:8080/login")은 ex의 경우, 그러나 빌드를 실행할 때는 간단히 공백으로 된다(모든 URL의 경우). 또한 라우터를 가져와서 라우터.push()를 사용하려고 하면 메인 프로세스에서 많은 오류가 발생하게 되고, 또한 작동하지 않는다. 만약 내가 전자:serve를 사용한다면, 빌드를 실행하는 대신에, 그것은 잘 작동한다.비록 그것은 라우터 링크와는 다르게 메뉴에서 페이..

programing 2022.03.12

@/xxxx/구성요소를 사용하는 방법vuejs 구성 요소를 가져오시겠습니까?

@/xxxx/구성요소를 사용하는 방법vuejs 구성 요소를 가져오시겠습니까? 나는 core-ui라고 불리는 laravel이 있는 vuejs 템플릿을 사용할 수 있게 만들려고 노력하고 있다.내 문제는 이 파일에 있다.컴파일할 때 다음 오류를 지정하십시오. These dependencies were not found: * @/containers/DefaultContainer in ./resources/js/coreui/router/index.js * @/views/Charts in ./resources/js/coreui/router/index.js .... To install them, you can run: npm install --save @/containers /DefaultContainer .... ..

programing 2022.03.10

vuejs 콘텐츠 파일 로드 후 경로 추가

vuejs 콘텐츠 파일 로드 후 경로 추가 나는 CMS와 vuejs 앱을 개발하여 상점에서 사용자 지정 단말기를 구성했다. 서버에서 초기 CMS 파일을 로드한 후 경로에 "/" 및 "*" 경로를 추가하고자 한다.내가 어떻게 이럴 수 있을까.어떤 이유로 나는 콘텐츠를 로드하기 전에 라우터를 초기화 하고 싶다. 다음과 같이 경로를 추가할 수 있을 것 같았다. Vue.router.routes.push({ path: "*", redirect: this.getStartPageType() // gets the homepage from the store }) 나는 항상 "정의되지 않은 속성 '밀어넣기'를 읽을 수 없다"는 말을 듣는다.내가 어떻게 이럴 수가 있지?경로로 가는 방법이 가능한가? 이것을 노선에 추가할 때..

programing 2022.03.10
반응형