Vue e-commerce プロジェクト -- サーバー

サーバーを購入する

つまり、他の人が自分のプロジェクトにアクセスできるようにするには、サーバーが必要になります。

以前はノードを使用してサーバーを構築しましたが、LAN内でのみアクセスできました。

クラウド サーバーを購入するには、Alibaba Cloud、Tencent Cloud など、さまざまな方法があります。

Tencent クラウド業界のスマートな変化 · クラウドは未来を刺激する - Tencent (tencent.com)

セキュリティグループとxshellの操作

セキュリティ グループを外部に公開します (サーバーにいくつかのポート番号を開放させます)

 次に、Xshell を通じてサーバーにログインします。

 XSHELL - NetSarang ウェブサイト 

xshell ツールを使用してサーバーにログインします

  その後、サーバーにログインできるようになります

サーバーを購入するときは Linux システムを購入するのが最善です

Linux システムの一般的な操作:

/ ルートディレクトリ

cd ディレクトリをジャンプ ls view mkdir ディレクトリを作成 pwd: 絶対パスを表示 

nginxリバースプロキシ

1. サーバー IP アドレスにアクセスするとプロジェクトにアクセスできるのはなぜですか?

つまり、この IP アドレスがサーバー内のアドレスにアクセスできるように、サーバー上にコンテンツを設定する必要があります。

2. プロジェクトのデータソースは http://39.98.123.211 です。 

しかし、私たちのサーバーのIPアドレスは彼のものとは異なるため、この用途にはnginxを使用する必要があります

Nginxの詳しい解説(この記事1つでNginxが理解できます) - プログラマー募集

私たちが購入したサーバーが他のサーバーと同じようにデータを要求するだけです 

Nginxの構成

nginxの設定:

ルート ディレクトリ /etc の 1.xshell

2. etc ディレクトリに移動します。このディレクトリの下に Nginx ディレクトリがあるので、このディレクトリに入ります [Nginx がインストールされています: インストールされていない場合は、4 つまたは 5 つのファイル]

3. Nginx サーバーをインストールする場合は、Nginx ディレクトリに追加の Nginx.conf ファイルがあることがわかり、このファイルで設定します。

4. Nginx サーバーをインストールした後、Nginx ディレクトリに追加の Nginx.conf ファイルがあることがわかり、このファイルで設定します。

5. vim Nginx.conf を編集し、主に次の 2 つの項目を追加します

最初の問題を解決する

位置 / {

        root /root/www/dist; これは、Web サイトのリソースを Linux に配置するためのパスです

        インデックスindex.html;

        try_files $url $url/ /index.html

}

2番目の問題を解決する

場所 /api {

        proxy_pass http://39.98.122.111 これはサーバーにリソースを要求するために必要なアドレスです

}

6. Nginxサーバーが実行されます

サービスnginxの起動

おすすめ

転載: blog.csdn.net/weixin_64612659/article/details/131864029