問題:
Vue をパッケージ化した後、
パッケージ化された dist をサーバー サイトのルート ディレクトリの「adminstore」という名前のサブディレクトリにアップロードします。 、
しかし、ドメイン名を使用してサイトを開いたとき、リソース読み込みパスにサブディレクトリ「adminstore」ファイル名が含まれていないことがわかりました。
エラー: http ://あなたのウェブサイトのドメイン/js/app.5738021f.js
正解: http://あなたのウェブサイトのドメイン/adminstore/js/app.5738021f.js
理由: Vue プロジェクトで、パッケージ化されたファイルがサイトのルート ディレクトリのサブディレクトリに配置されているにもかかわらず、リソースの検索パスがサイトのルート ディレクトリに基づいている場合、リソースの読み込みエラーが発生する可能性があります。
解決策:
Vue プロジェクトの「vue.config.js」ファイルの「publicPath」属性を使用して、パッケージ化するように指示します。サブディレクトリのファイル名
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
publicPath: '/adminstore/'
})