Vue2 の純粋なフロントエンドは Excel ファイルのダウンロードを実装しており、ローカル環境でもテスト環境でも正常にダウンロードできます。
1. バックエンドによって提供された Excel ファイルをローカル プロジェクト フォルダーに置きます。その場所は図に示されています。
2. Excel ファイルをダウンロード機能を表示する必要があるページに導入します (図に示されています)
。リンク、href を使用します。インポートされた Excel ファイルのパスをバインドし、ダウンロード属性を追加します。ダウンロード属性の値は、図に示すように、ダウンロードされたファイルの名前です: 4. ここで重要な質問が来ます。ファイル パスを導入した後
、プロジェクトがローダー欠落エラーを報告していることがわかります。そのため、ファイルローダーをインストールする必要があります:
npm install file-loader
5. 依存関係をインストールした後、vue.config.js に構成を追加します:
6. 次に、プロジェクトを再起動します。ダウンロード機能が実現しました〜
以前他の方法を試しましたが、実現できました ローカルにダウンロードすると、テスト環境で404が報告されるか、ダウンロードしたExcelファイルが空のコンテンツで開きます この方法は私自身がテストしたものですが、ローカルでもテスト環境でも問題ありません!
この記事の参考記事:
https://zhuanlan.zhihu.com/p/557556752
https://www.jianshu.com/p/5318ce68a6aa