Apacheやnginxの設定VUEルーティング、エージェントおよびクロスドメインの問題について

  機能は、開発サーバーにデプロイVUE関連するマイクロチャネル公共番号を使用するには、サーバが行うにはいくつかのことを必要とします。

      中国と中国の  私は、ルーティングや友人のエージェントの設定に関する問題を抱えているので、本番サーバーで、行うにはApacheのプロキシを負荷分散し、プロキシを行うための開発サーバーを使用しnginxの。

  VUEのconfigureルートはを参照してもよいです。

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の設定は比較的簡単です、これはあまりにも多くの説明をしないで、次の図が示すカム

二つは、Apacheサーバの設定

apacheのhttpd.confのに関する詳細な設定手順は、(説明するのはあまりをしない、ライン上のBaiduの検索)を詳細に設定を表示してください。

図1に示すように、マイクロチャネル画像サーバプロキシの構成

2、成功したジャンプページに各ページをレンダリングするページが正常であるが、現在のページの404に登場したURLジャンプVUE-ルータのルーティング一つだけのindex.htmlファイルは、実際に行われているため、問題が発生した更新されますがHTMLファイルやその他の文書は他の、これらのページを見つけるだろう、サーバーが404エラーが発生し見つからないことができない、それは必要なバックエンドサーバーの構成へのすべてのジャンプが問題を解決するためのindex.html 404です。

    (apahceプロファイル)は、httpd.confに、最後にバックエンドを構成する方法

  (1)オープンrewrite_module機能、 

     LoadModuleのrewrite_module libexecに/ apache2の/ mod_rewrite.so、#を削除します。

AllowOverrideのすべては、Apacheサポート.htaccessファイルに設定されています。 

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

1

2

3

4

5

6

7

8

<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],要添加项目所在文件的文件名,

 

相关参考地址:

Apache下的AllowOverride和.htaccess:https://blog.csdn.net/u013927110/article/details/41414091

vue项目部署到Apache服务器中遇到的问题 :https://www.jb51.net/article/146180.htm

发布了27 篇原创文章 · 获赞 8 · 访问量 1万+

おすすめ

転載: blog.csdn.net/gonghua0502/article/details/82187295