2017-11-14 7 views
0

입니다. vue.js (webpack을 사용하는 Quasar 프레임 워크) 앱을 사용하고 vue-router를 사용합니다. 나는 서버 측에서 nginx (laravel forge)를 사용한다. 로컬 (quasar dev 또는 npm run dev)에서는 모든 것이 정상입니다. 나는/설정처럼 주소에 대한 페이지를 새로 고침 할 수 없었던 나는 그것을 구성 파일을 nginx에하는nginx 경로는 SPA에서 index.html로 리디렉션되지만 두 번째 하위 측정 기준은

location/{ 
    try_files $uri $uri/ /index.html?$query_string; 
} 

줄을 추가로 해결한다. 그 후 서버의/settings 페이지를 새로 고칠 수 있습니다. 하지만 이제 한 차원 더 차원이있는 경우 페이지를 새로 고칠 수 없습니다.

/survey/1 

나는 구성 파일을

location /survey/ { 
    alias /; 
    try_files $uri $uri/ /index.html?$query_string; 
} 

를 nginx에 다음 줄을 추가하기 위해 시도했지만 작동하지 않습니다.

내가 오류를 볼 때 js 주소가 잘못되었음을 알았습니다.

http://example.com/survey/js/manifest.js' 

내가 조금 연구하지만, 해결책을 찾을 수 없습니다

http://example.com/js/manifest.js' 

해야한다.

답변

0

문제점을 발견했습니다. 웹팩 빌드 구성에서 퀘이사 프레임 워크는 빌드

publicPath: "" 

을 넣어 dev에 대한

publicPath: "/" 

을 넣어. 나는 빌드를 위해 "/"을 넣었고 문제는 해결되었습니다.