More than 5 years have passed since last update.

Vue.js：ビルドしてサブディレクトリに置きたい

Posted at 2020-03-12

「公式リファレンス見たら書いてあるじゃん」って話ですが、

http://example.com/
例えば、こんな感じのURLがあるとして、
http://example.com/hoge/
ココのhogeディレクトリ以下にビルドして置きたい。

デフォルトの設定だとドメイン直下「/」に書き出されちゃって、
フォルダをヒョイっと移動しただけではパスがズレてしまいます。
なのでどうするかというと

vue.config.jsを作る

$ touch vue.config.js
$ open vue.config.js

vue.config.js

module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
    ? '/hoge/'
    : '/'
}

ちなみに自分のvue-cliは新しめです。
（バージョン3くらいからできるはず。）

ちなみにvue-cli-uiでも設定できますが、
条件分岐は書けないかも。

以上です。