Vue パッケージアップロードサーバー更新 404 問題に対する 2 つの解決策

Vue パッケージアップロードサーバー更新 404 問題に対する 2 つの解決策

1: nginxサーバーソリューション、.conf構成ファイルを変更する

解決策は2つある

1:

    位置 / {
		try_files $uri $uri/ @router;
		インデックス index.html;
	}
	場所 @router {
		最後に ^.*$ /index.html を書き換えます。
	}

2:

    位置 / {
        エラーページ 404 /index.html;
        #try_file $uri $uri/ /index.html =404;
    }

2: Apacheサーバーソリューション

(csdnディレクトリに配置されていると仮定)は、次の手順に分かれています。

1. ルーティングを構成する: 履歴モードを使用してベースを構成する

2. config/index.js ファイルの assetPublicPath を、サーバー上に置いたファイル パスに変更します。ルート ディレクトリは '/' です。フォルダー内に配置されている場合は、たとえば、/csdn/' になります。

3. Apacheのhttpd.confファイルを.htaccessをサポートするように変更します。

4. .htaccess ファイルを対応するフォルダー プロジェクトに追加します。(Windows はファイル名のない形式 (.***) をサポートしていないため、最初に新しいテキスト ドキュメントを作成し、コンテンツを書き込んでから、FTP 経由で対応するディレクトリにアップロードし、名前を変更する必要があります。ここで名前を変更すると表示されなくなるため、FTP で隠しファイルを表示するように設定する必要があります)

<IfModule mod_rewrite.c>
	RewriteEngine オン
	書き換えベース /csd/
	書き換えルール ^index\.html$ - [L]
	書き換え条件 %{REQUEST_FILENAME} !-f
	書き換え条件 %{REQUEST_FILENAME} !-d
	書き換えルール./csd/index.html [L]
</モジュール>

5. サーバーを再起動する

要約する

これで、vue パッケージ アップロード サーバーの更新に関する 404 問題に対する 2 つの解決策に関するこの記事は終了です。vue パッケージ アップロード サーバー 404 に関する関連コンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • Vueは添付ファイルのアップロード機能を実装しました
  • Spring+Vue は UEditor リッチテキストを統合して画像添付ファイルをアップロードします
  • Vue+element+oss はフロントエンドのフラグメントアップロードとブレークポイント再開を実現します
  • vue-simple-uploader をベースに、ファイルセグメントアップロード、インスタントアップロード、ブレークポイント再開のグローバルアップロードプラグイン機能をカプセル化します。
  • Vue フォームのポストリクエストとサーブレットを組み合わせてファイルアップロード機能を実現する
  • Vueはvue-quill-editorリッチテキストエディタを使用し、画像をサーバーにアップロードします。
  • Vue2をベースにモバイル画像アップロード、圧縮、ドラッグアンドドロップソート、ドラッグアンドドロップ削除機能を実現
  • vue+vantで写真をアップロードする際の注意点
  • Vueは写真を切り取ってアップロードすることを実現
  • Vueで複数の添付ファイルをアップロードする実装例

<<:  Tomcat が https アクセスをサポートするための手順の説明

>>:  MySQLの起動失敗の解決策

推薦する

jQueryはフォントサイズ調整ケースを実装します

この記事では、フォントサイズを調整するためのjQueryの具体的なコードを参考までに紹介します。具体...

mysql5.7.17.msi インストール グラフィック チュートリアル

mysql-5.7.17.msiのインストール、スクリーンショットに従ってください、ステップバイステ...

血の写輪眼と輪廻眼の特殊効果コードを実現するためのHTML+CSS

結果 (完全なコードは下部にあります): 実装は難しくありませんが、繰り返しコードが多くなります。実...

Linux DockerでSpringbootプロジェクトを実行するための詳細な手順

導入: springboot プロジェクトを実行する Docker の構成は実は非常にシンプルで、L...

VMwareがモジュールディスクを早期に開けない場合の解決策の詳細な説明

VMWare (Virtual Machine ware) は、「仮想 PC」ソフトウェア会社です。...

MySQL クエリ フィールド タイプが json の場合の 2 つのクエリ メソッド

テーブル構造は次のとおりです。 id varchar(32) 情報JSONデータ: id = 1 i...

ウェブサイトのユーザビリティとコンバージョン率を向上させる 25 のツール

ウェブサイトの場合、ユーザビリティとは、ユーザーが必要な情報を効果的に見つけたり、タスクを完了したり...

Windows に mysql5.7.28 winx64 の解凍バージョンをインストールするための詳細なチュートリアル

目次1. 解凍する2. データフォルダを作成する3. MySQLに環境変数を追加する3.1 コントロ...

Keepalived を使用して Nginx の自動再起動とデュアルアクティブ ホットスタンバイの高可用性を実現する方法について

目次1. 概要2. Keepalivedを使用してNginxを自動的に再起動する2.1 シェルスクリ...

HTMLを使用して、IPを制限する投票ウェブサイトの不正行為スキームを実装する

これは、IP アドレスが制限されている投票 Web サイトの不正行為の手口です。この方法は、投票 W...

Windows Server 2016 に Oracle をインストールする方法

1. Oracle をインストールします。インターネット上には Oracle のインストール手順が多...

JavaScript の基本オブジェクト

目次1. オブジェクト1.1 オブジェクトとは何ですか? 1.2 なぜオブジェクトが必要なのか? 2...

キャンバスでPS消しゴムスクラッチカードの効果を実現するためのJSの使用方法の詳細な説明

目次効果のデモンストレーション:メインJSコード実装 <div class="box...

ubuntu15.10 での hadoop2.7.2 の詳細なインストールと設定

Linux での Hadoop インストール チュートリアルはインターネットや書籍に多数ありますが、...

Windows での MySQL5 グリーン バージョンのインストールの概要 (推奨)

1 MySQLをダウンロードするダウンロードアドレス: http://downloads.mysq...