nginx - vue プロジェクトを ngnix にデプロイした後に発生する問題

Question

もともと github を使用して、作成した vue デモをプレビューしたかったのですが、それが機能しないことがわかり、ビルドしたファイルを ngnix サーバーに取り込んで実行したいと言いました。

1. デモでは Douban API へのクロスドメイン アクセスが使用されています。プロキシが設定されています。npm run dev はドメインを越えてアクセスできます。しかし、サーバー上で実行すると、次のようにエラーが発生するのはなぜですか下に＃＃＃

2. 以下に示すように、元の 127.0.0.1:8090/project パスを購入したドメイン名または github.io/project パスに変更するように ngnix を設定する方法

3. プロジェクトをデプロイしてドメイン名に配置する方法 プロジェクトを実行するたびに ngnix サービスを起動するのはそれほど面倒ではありません。

実は、上記の 3 つの質問は、「ngnix サーバー上のドメインを越えて Douban API データにアクセスする方法」として要約されています。 。 。こんなに難しいとは思いませんでした。 。

経験豊富な専門家からの回答をお願いします。ありがとうございます。

Answer 1

これはドメイン名の問題です。最初にグローバル URL を定義する必要があります

グローバル変数の定義方法がわからない場合は、SFで検索するとたくさんあります

リーリー

ローカルで開発された場合、isDebugはtrueとなり、サーバーに送信された場合、isDebugはfalseになります

。

Answer 2

私が理解している問題: 導入vue到github.

具体的なコードを投稿する時間がないので、アイデアについて話しましょう:

1. わかりました、ここにはngnixサーバーは必要ありません。

2. 私たちが知っていることは 2 つあります:

   入口として

   • github访问是访问index.html;

   • vueパッケージ化されたファイルはサーバー側で実行する必要があります

それで、問題は、vue打包的index.html作为githubパッケージ化された index.html を github のエントリ ファイルとして使用できるようになりました。つまり、問題はパッケージ化の問題であるはずです。

ヒント: クロスドメインに関しては、

サーバーはプロキシを設定していますが、単にサーバー上でクロスドメインを実行したい場合は、まだ多くの作業を行う必要があります。npm run dev之所以能运行是因为你在本地的nodejs