声明:1.我演示使用的是华为云的服务器的Linux 系统
2.通过宝塔部署项目
3.项目是vue打包之后的
4.其他服务器都差不多一样的配置
5.我是做前端的,下面教程只是个人操作,其他勿怪
1. サーバーを購入する
1.1: 以下の場合、HUAWEI CLOUD サーバーを使用しています。
サーバーを購入した後、導入チュートリアルがあります。
次のコマンドをどこに入力すればよいかわからない人もいるかもしれません。実際には、サーバー上で次のコマンドを入力してインストールします。パゴダパネル (特に設置場所については 2.2 を参照)
1.2: 購入の成功
2. 「リモートログイン」をクリックします。
2.1. 次の方法はすべて利用可能です (私が使用した 2 番目の方法)
2.2. 前述したパゴダをインストールするコマンドをここに入力する必要があります。インストール プロセス中に確認する必要があります。実践的なチュートリアルで要求されます。忘れないでください。 Enter y
2.3: インストール 成功したら、次の図に示すように、パス、名前、およびパスワードを記録する必要があります。ワンステップの
詳細オプションでは、このポート番号を解放するためにサーバーのセキュリティ グループにルールを設定する必要があります。
2.3.2: 下のサーバー名をクリックします
2.3.3: その後、外部ネットワーク リンクを通じてパネルを開くことができ
ます それでも開けない場合は、次の詳細ボタンがありますので、下のセキュリティの確認ボタンをクリックして入力してください
。次の推奨事項があるので、インストールできます。私もインストールしました。展開後の利便性のために、自由に実行してください。
これが私のインストール全体です。
3. vue プロジェクトをパッケージ化する
dist ディレクトリをコピーし、次のディレクトリに移動し、新しいディレクトリを作成してそこに dist をコピーします。
パスは間違ってはいけません。私のパスと同じでなければなりません。ディレクトリ名は任意です。
これら 2 つのフォルダーをコピーした後、これらのフォルダーのアクセス許可を 777 に変更することに注意してください
(ここでのアクセス許可はオプションであり、現時点では要件は見つかりません)。
サイトを作成する
フロントエンドをデプロイするには、php を選択するだけです。具体的な理由は説明されていません。次のように
[送信] をクリックすると、正常に作成されます。要件は、yxx フォルダーの下に、index.html ディレクトリが存在する必要があります。dist 全体をコピーしています。下の図の設定をクリック – [Web サイト ディレクトリ] をクリックし、最初にプロジェクト ディレクトリが正しいかどうかを確認します。重要なのは、実行ディレクトリを構成することです。
重要,重要,重要的来了:---------如果你想配置项目的端口需要在安全中放开这个端口(就是配置规则),同时也要在服务器安全组---安全规则中设置该端口号,服务器要和宝塔同时配置才能生效
デフォルトでは 80 などがリリースされていますが、変更しない場合、プロジェクトはポート 80 を使用する
ため、プロジェクトが設定されてから実行されます。
プロジェクトを実行する
始めたばかりの場合は、プロジェクトの実行方法がわかりません。下の図に示すように、Web サイト
、Web サイト名をクリックし、ドメイン名をクリックして実行します。
独自のプロジェクトを正常に実行することを覚えておいてください。 URL。
上記がプロセス全体です。ご質問やご要望がございましたら、コメント欄でお知らせください。