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の起動失敗の解決策

推薦する

CSS 背景画像を設定するための 6 つの興味深いヒント

background-image は、おそらくすべてのフロントエンド開発者がキャリアの中で少なくとも...

Mysql マルチテーブル結合クエリの実行の詳細について簡単に説明します。

まず、このブログのケースデモンストレーション テーブルを作成します。 create table a(...

一般的な Linux ツール vi/vim の完全版

なぜvimを学ぶのかLinuxには多数の設定ファイルがあるため、Linuxには多くのテキスト処理ツー...

MySQL 起動エラーを解決する: エラー 2003 (HY000): 'localhost' の MySQL サーバーに接続できません (10061)

このエラーは初心者によく発生します。この記事では主に、エラー 2003 (HY000): '...

JavaScript BOM ロケーション オブジェクト + ナビゲーター オブジェクト + 履歴オブジェクト

目次1. 場所オブジェクト1. URL 2. 場所オブジェクトのプロパティ3. ロケーションオブジェ...

Vue要素のバックグラウンド認証プロセスの分析

序文:最近、プロジェクトで管理システムに遭遇しました。権限設定が非常に興味深いと思いました。自分の学...

MySQL 8.0.16 winx64 のインストールと設定方法のグラフィックチュートリアル (win10 の場合)

この記事では、MySQL 8.0.16 winx64のインストールと設定の具体的な方法を記載します。...

MySQL における Datetime と Timestamp の使用の概要

目次1. MySQL で現在の時刻を表現するにはどうすればよいでしょうか? 2. TIMESTAMP...

一般的な MySQL ストレージ エンジンとパラメータ設定およびチューニングの紹介

MyISAM、MySQLでよく使われるストレージエンジン特性: 1. 同時実行性とロックレベル2. ...

vue.jsは画像のURLに従って画像をダウンロードします

最近、フロントエンドの vue.js ドッキング機能モジュールに取り組んでいたとき、画像をダウンロー...

CSS3 フレックスレイアウトを使用して要素を均等に分散するサンプルコード

この記事では主に、CSS3 フレックスレイアウトを使用して要素を均等に配置する方法を紹介します。自分...

Zabbix による VMware Exsi ホストの監視のグラフィカルな手順

1. 仮想化 vcenter に入り、ブラウザでログインし (クライアントは設定する場所を見つけませ...

CentOS 7.2 は uniapp プロジェクトを展開するための nginx Web サーバーを構築します

Pantherは新人としてスタートし、今もまだ新人ですが、人々から学び、学んだことを時々皆さんと共有...

MySQL 作成ルーチン権限に関する注意事項

1. ユーザーにルーチン作成権限がある場合は、プロシージャ | 関数を作成できます。 2. ユーザー...