로컬 호스트에는 Vue 구성 요소가 있지만 Laravel 5.4를 사용하는 서버에는 표시되지 않습니다. Passport

Passport을 Laravel 5.4에 사용하여 Oauth2.0 서버를 설정하려고했습니다. 다음은 https://laracasts.com/series/whats-new-in-laravel-5-3/episodes/13입니다. local host에 설정할 수 있었지만 내 prod server에 디렉토리를 복사하고 액세스하려고 시도했을 때 내 vue 구성 요소가로드되지 않았습니다. 내 DB와 모든 것이 작동하고 새 클라이언트를 등록 할 수 있었지만 vue component 패널을로드하지 않았습니다.로컬 호스트에는 Vue 구성 요소가 있지만 Laravel 5.4를 사용하는 서버에는 표시되지 않습니다. Passport

를 필요한 경우 내가 그것을 내가 서버에 폴더를 복사하는 방법과 관련이있을 수 있지만 나도 몰라 생각

추신> 난에 laravel하고 멍청한 놈 다소 새로운 오전 다른 정보를 제공 할 수 있습니다 Vue, 그래서 어떤 도움을 크게 주시면 감사하겠습니다.

내 app.js

require('./bootstrap'); 

window.Vue = require('vue'); 

/** 
* Next, we will create a fresh Vue application instance and attach it to 
* the page. Then, you may begin adding components to this application 
* or customize the JavaScript scaffolding to fit your unique needs. 
*/ 

Vue.component('example', require('./components/Example.vue')); 

Vue.component(
    'passport-clients', 
    require('./components/passport/Clients.vue')); 

Vue.component(
    'passport-authorized-clients', 
    require('./components/passport/AuthorizedClients.vue')); 

Vue.component(
    'passport-personal-access-tokens', 
    require('./components/passport/PersonalAccessTokens.vue')); 

const app = new Vue({ 
    el: '#app' 
});

내 home.blade

@extends('layouts.app') 

@section('content') 
<div class="container"> 
    <div class="row"> 
     <div class="col-md-8 col-md-offset-2"> 
      <div class="panel panel-default"> 
       <passport-clients></passport-clients> 
       <passport-authorized-clients></passport-authorized-clients> 
       <passport-personal-access-tokens></passport-personal-access-tokens> 
     </div> 
    </div> 
</div> 
@endsection

출처

2017-04-26 Abhishek Choudhery

콘솔에 오류가 있습니까? id 앱을 사용하는 요소는 어디에 있습니까? 레이아웃에 맞습니까? 크롬 용 vue dev 도구를 설치하려고 했습니까? 그런 다음 바인딩 등을 확인할 수 있습니다. ssh 액세스 권한이 있으며 서버 또는 로컬에서 빌드/웹팩 빌드를 실행 한 다음 모든 것을 업로드합니까? –

@FrankProvost 안녕하세요, 의견에 따라 생산 모드에서 빌드를 실행 한 다음 서버에 업로드 vue 구성 요소가 원활하게 작동합니다. 하지만 나는 새로운 클라이언트와 액세스 토큰을 만들 수없는 또 다른 문제에 부딪쳤다. 그러나 그것들을 다룰 것이다. 고마워요 –

(또는 스팬을 사용하거나 선택을 변경). 올바른 조치는 npm run production을 사용하여 빌드 한 다음 서버에 업로드하는 것입니다.

출처

2017-04-28 10:07:35

체크 아웃, 당신은 VUE를 말하고있다 코드의이 부분에 layout.app 블레이드, ID로 태그를 검색 = "응용 프로그램"초기화 VUE : 당신이 어떤이없는 경우

const app = new Vue({ 
    el: '#app' 
});

그래서,하는

를 배치

<div id="app">

페이지에 대한 래퍼 내가 직면 한 문제는 내가 믹스가 개발 npm run dev 즉 통해 구축 실행 한 사실에 기인

https://vuejs.org/v2/guide/index.html#Declarative-Rendering

출처

2017-04-26 12:07:04

그것은 이미 있습니다. –

로컬 호스트에는 Vue 구성 요소가 있지만 Laravel 5.4를 사용하는 서버에는 표시되지 않습니다. Passport

답변

관련 문제