vue で buildした時CSSやJSファイルが絶対パスでリンクされない対処

vue.js にて npm run buildすると生成されるJSやCSSは/css/xxxx.css だったり /js/xxxx.js だったりしてドメイン直下に配置する前提でビルドされる。

アプリによっては/myapp/　などディレクトリ配下で動作させたい場合もあるわけでそんな時は以下のファイルを用意して npm run build すると相対パスに切り替わる。

package.json などと同じディレクトリに「vue.config.js」を用意し以下を記述する。

module.exports = {
  publicPath: './'
}

これで各種ファイルへのリンクが相対パスでbuildされることになる。