2017-11-20 5 views
3

nuxjs를 사용하여 프로젝트를 빌드하고 장소 정보를 동적으로 표시하는 페이지를 만듭니다.nuxtjs가 프로덕션에서 동적 URL을 표시 할 수 없습니다.

enter image description here

내가 http://localhost:3000/place/66bb50b7a5npm run dev 및 테스트를 실행 잘 작동합니다.

하지만 npm run generate을 실행 한 후 dist 폴더를 얻었고 MAMAP을 넣고 http://mysite:7074/place/66bb50b7a5을 실행하려고하면 404 페이지를 찾을 수 없습니다.

내 DIST 폴더이

enter image description here

처럼 말해 줘요 내 코드와 무엇을 어떻게해야에 무슨.

감사합니다.

답변

1

당신은 /place/66bb50b7a5

vue-router doc 같은 요청을받을 아파치, Nginx에가, IIS 예를 들어 구성이있는 경우 MAMP (아파치)에 대한

... 응답 index.html에 웹 서버를 config (설정) 할 수 있습니다

  1. MAMP htdocs 폴더에 .htaccess이라는 파일 이름을 만드십시오.
  2. paste apache configuratio N

.htaccess VUE 라우터의 문서에서 :

<IfModule mod_rewrite.c> 
    RewriteEngine On 
    RewriteBase/
    RewriteRule ^index\.html$ - [L] 
    RewriteCond %{REQUEST_FILENAME} !-f 
    RewriteCond %{REQUEST_FILENAME} !-d 
    RewriteRule . /index.html [L] 
</IfModule> 
+0

@GEOFFREYMWANGI,이 작업을 수행해야합니다, 당신이 시도하지 않았거나? –