Tomcat はフロントエンド Vue プロジェクトをデプロイします (プロジェクトの特定のオンライン操作)

1. Linux システムに tomcat をインストールしてデプロイする

Linux に tomcat をインストールするには、wget を介して Linux サーバーに tomcat を直接ダウンロードするか、ローカルの tomcat をサーバーにアップロードします。
具体的な操作手順は次のとおりです。

1. Tomcat ディレクトリを作成します。場所は状況に応じて選択できます

mkdir /usr/local/tomcat

2. アップロードした tomcat を上記のディレクトリにコピーします

cp apache-tomcat-7.0.77.tar.gz /usr/local/tomcat/

3. tomcat ディレクトリに入る

cd /usr/local/tomcat/

4. Tomcat を解凍します。

tar -zxvf apache-tomcat-7.0.77.tar.gz

5. tomcat の bin ディレクトリに入る

cd /usr/local/tomcat/apache-tomcat-7.0.77/bin/

6. トムキャットを起動

./startup.sh

7. トムキャットを閉じる

./shutdown.sh

2.vue プロジェクトを tomcat にデプロイする

1. tomcat ディレクトリ\webapps\ROOT の下のすべてのファイルを削除します。
2. npn run build packs vue プロジェクト (プロジェクトごとに異なるパッケージング方法)
3. 生成された dist フォルダーを \webapps\ROOT ディレクトリにコピーします。
4. ROOT ディレクトリに WEB-INF フォルダを新規作成し、WEB-INF フォルダに web.xml を新規作成し、以下の内容を貼り付けます。

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
                      http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
    version="3.1" metadata-complete="true">
    <display-name>Router for Tomcat</display-name>
    <error-page>
        <error-code>404</error-code>
        <location>/dist/index.html</location>
    </error-page>
</web-app>

5. tomcat を起動し、localhost:8080/dist にアクセスします。