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

推薦する

MySQL の無効な左結合の問題を解決する方法とその使用上の注意

MySQLの左結合が無効であり、その使用方法今日SQLを書いていたとき、左結合を使用すると左のテーブ...

Vue の element-ui コンポーネントのデフォルトの CSS スタイルを変更する 4 つの方法

目次序文1. グローバル統合オーバーライドを使用する2. .vueファイルを変更する3. コンポーネ...

数十億のデータに対するMySQLページングの最適化に関する簡単な説明

目次背景分析するデータシミュレーション1. 従業員テーブルと部門テーブルの2つのテーブルを作成します...

MySQL データベース テーブルのパーティション分割に関する考慮事項 [推奨]

テーブル パーティショニングは、データベース パーティショニングとは異なります。では、テーブル パー...

JavaScriptで配列を作成する方法の詳細な説明

目次JavaScript で配列を作成する配列の使用配列を分割文字列に変換する配列に要素を追加する配...

Vue の 2 択タブバー切り替えの新しいアプローチ

問題の説明プロジェクトに取り組んでいるときに、タブ バーの切り替え効果を作成する必要がある場合があり...

リアルタイムコンピューティングフレームワークFlinkクラスタの構築と動作メカニズムについての簡単な説明

目次1. Flinkの概要1.1 基本的な紹介1.2 アプリケーションシナリオ2. 環境の展開2.1...

ローカルで起動したときに Vue プロジェクトがクッキーを保持できない問題を解決する

vueプロジェクトをパッケージ化してサーバーにデプロイし、正常にログインできるが、ローカルで起動する...

React プロジェクトで eslint の Baidu スタイルを使用する詳細な説明

1. Baidu Eslint Ruleプラグインをインストールする npm i -D eslint...

MySQLの結合の基本原理についての簡単な説明

目次結合アルゴリズム駆動テーブルと非駆動テーブルの違い1. 単純なネストループ結合、単純なネスト、イ...

mysql-8.0.17-winx64 のデプロイメント方法

1. 公式サイトからmysql-8.0.17-winx64をダウンロードし、Zipファイル形式を選択...

MySQLの左結合と内部結合について簡単に説明します

序文最近、X 省のコールド チェーン トレーサビリティ システムの開発で忙しくしています。毎日午後 ...

Dockerが新しいイメージをロードした後にリポジトリとタグ名が両方ともnoneになる問題を解決する

次のコマンドを使用できます: docker tag [イメージID] [名前]:[バージョン]例えば...

Zabbixで監視する必要があるホストを追加するための詳細な手順

監視ホストの追加ホスト 192.168.179.104 が zabbix 監視項目に追加されます (...

Vue プロジェクトでのスキャンコード決済の実装例 (デモ付き)

目次需要背景思考分析UI 表示始める1. 支払いコンポーネントテンプレートを作成する2. 支払いコン...