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 8.0.17 をインストールしてリモート アクセスを構成する方法

1. インストール前の準備データベースのバージョンを確認するコマンド: mysql --versio...

Mysql トランザクション分離レベルの読み取りコミットの詳細な説明

MySQL トランザクション分離レベルを表示する mysql> '%isolation...

nginxリバースプロキシを使用するときに長時間接続を維持する方法

・【シーン説明】 HTTP1.1 以降、HTTP プロトコルは永続的な接続 (長い接続とも呼ばれます...

イメージのパッケージ化とワンクリック展開を実現するためにDockerを組み合わせたアイデア

1. サーバーにDockerをインストールする yumでdockerをインストール設定ファイルを変更...

HTML コード作成ガイド

共通コンベンションタグ自己終了タグ。閉じる必要はありません (例: img input br hr ...

MacOS での MySQL 8.0.18 のインストールと設定方法のグラフィック チュートリアル

この記事では、MacOSでのMySQL 8.0.18のインストールと成功したコマンドライン操作を記録...

コメント付きのスネークゲームを実装する js

この記事の例では、スネークゲームを実装するためのjsの具体的なコードを参考までに共有しています。具体...

Visual Studio Codeを使用してMySqlデータベースに接続し、クエリを実行します。

Visual Studio Code は、Microsoft が開発した強力なテキスト エディター...

PrometheusとGrafanaを使用したMySQLサーバーのパフォーマンス監視の詳細な説明

概要Prometheus は、HTTP プロトコルを介してリモート マシンからデータを収集し、ローカ...

Docker に Kong ゲートウェイをインストールする方法の例

1. Dockerネットワークを作成する docker ネットワーク作成 kong-net 2. デ...

ネイティブ js が携帯電話のプルダウン更新を模倣

この記事では、携帯電話のプルダウンリフレッシュを模倣したjsの具体的なコードを参考までに共有します。...

CentOS6.8 中国語/英語環境切り替えチュートリアル図

1. はじめに英語に慣れていない人は、システムを英語から中国語に変更したいかもしれません。一方、クラ...

LinuxベースのLVMシームレスディスク水平拡張の詳細な説明

環境名前財産CPU 5650 円メモリ4Gディスク20G+4TB この時点で、サーバーにはすでに次の...

vuex での mapState の考え方の応用

目次1. マップ方式2. 応用背景:需要開発プロセス中に、一部のインターフェースは、ページに表示する...