아파치 나 nginx를 구성 VUE 라우팅, 에이전트 및 크로스 도메인 문제에 대한

서버에 배포 개발 VUE 마이크로 채널 대중 번호 관련된 기능의 사용에, 서버는해야 할 몇 가지가 필요합니다 :

중국과 중국 나는 구성 라우팅 및 친구의 에이전트에 대한 문제가 있으므로 '의 개발 서버 사용의 nginx는 아파치 프록시가 할 수있는 프로덕션 서버로,로드 밸런싱 및 프록시를 할 수 있습니다.

VUE 구성 경로가 참조 할 수 있습니다 :

https://router.vuejs.org/zh/guide/essentials/history-mode.html#%E5%90%8E%E7%AB%AF%E9%85%8D%E7%BD%AE%E4%BE % 8B % E5 % AD의 90 %

A는 nginx를 서버 구성 , nginx를 구성이 너무 많은 설명을 다음 그림 쇼 캄을 할 수없는, 비교적 간단하다

두, 아파치 서버 구성

에 대한 자세한 구성 지침 아파치의 httpd.conf를 (바이두는 설명하기 위해 많은 일을하지 않는 선에서 검색) 상세 구성을 참조하시기 바랍니다.

1 마이크로 채널 영상 서버 프록시의 구성

문제를 새로 고쳐 현재 페이지의 404에 출연이 각 페이지가 정상 성공적인 점프 페이지 렌더링 페이지 만 발생하기 때문에 하나 개의 index.html을 파일의 URL 점프 VUE 라우터 실제로 수행 라우팅 HTML 파일 및 기타 문서 다른,이 페이지를 찾을 서버가 404 오류가 발생 찾을 수 없습니다, 그것은 필요 백 엔드 서버 구성을 모든 점프가 문제를 해결 index.html을 404입니다.

방법을 httpd.conf에, 결국 백 엔드를 구성하려면 (apahce 프로필)

(1) 오픈 rewrite_module 함수

의 LoadModule rewrite_module libexec 디렉토리 / 아파치 / mod_rewrite.so의 #을 제거;

에 AllowOverride 모든 아파치 지원 .htaccess 파일에 대해 설정됩니다.

* 在该项目根目录添加.htaccess文件（index.html平级），内容跟https://router.vuejs.org/zh-cn/essentials/history-mode.html‘>HTML5 History 模式(vue-router文档举例)类似，

<IfModule mod_rewrite.c>

RewriteEngine On

RewriteBase /resource/teachingforwechat/

RewriteRule ^index\.html$ - [L]

RewriteCond %{REQUEST_FILENAME} !-f

RewriteCond %{REQUEST_FILENAME} !-d

RewriteRule . /resource/teachingforwechat/index.html [L]

</IfModule>

,需要修改的两个地方，RewriteBase 处改成你的vue项目的路径；

RewriteRule . /resource/teachingforwechat/index.html [L]，要添加项目所在文件的文件名，