Vue-cliを包装してサブディレクトリに展開する経路問題説明

デフォルトでは現在のドメイン名をルートとして下のディレクトリにアクセスします。
例えば、www.**.com/catalog 1/catalog 2/に展開が必要なら、変更が必要です。
1、config/index.jsファイルの中で、buildの下でassites PublicPath属性は'/catalog 1/catalog 2/'で、以下の通りです。
build:{
astes PublicPath:'/catalog 1/catalog 2/'
この値はデフォルトでは'/'(このプロパティ目盛はwebpackパッケージ時のファイル参照経路のベースパスです)。
2、ルートベースの属性を修正するのは'/catalog 1/catalog 2/'で、以下の通りです。

export default new Router({
 mode: 'history',
 base: '/catalog1/catalog2/',
 routes: [
 {
 path: '/',
 name: 'indexContent',
 component: indexContent
 }
 ]
})

modeは'history'に設定されており、経路の中のxi(ローカルテストは有効)をクリアすることができます。
設定が完了したら再包装します。
補足の知識：vue-cliは包装してnginxドメインの2級のサブディレクトリに協力します。
3つの設定を変更できます。
1.ルート

const route = new Router({
mode : 'history',
base: '/admin/',
routes:[]
})

2.包装ファイルのconfig/index.js
build設定
astes PublicPath:'/admin/'
3.nginx配置
try_files$uri/admin/index.
4.プロジェクトディレクトリの構成例
プロジェクトパスweb/admin/index.
以上のこのVue-cliは包装して、サブディレクトリの下に配置された経路の問題説明は小編が皆さんに提供した内容の全部です。参考にしてもらいたいです。皆さんもよろしくお願いします。