vueのルートとなるパスを変更する方法

概要

vueはデフォルトで'/'をルートとして構成されるが任意のパスをルートとしてリンクが生成されるようにする際のメモ

やり方

vue.config.jsで下記のようにするだけ

module.exports = {
    publicPath: "/vroot",
};

こうすると http://localhost:8080/vroot がトップページになるようにリンクが構成される

公式ページにちゃんと書いてあった(検索キーワードが至らなく辿り着かなかった・・・)

cli.vuejs.org

ちなみにpublickPathを"./"にすれば相対パスになるので配置先のパスを気にしなくてよくなる。