Vue CLIで相対パスが指定できない原因について

ヘディングのテキスト### 前提・実現したいこと

vuecliで相対パスで画像を表示したいです
しかし、以下のエラーメッセージが表示されてしまいます。
css-loderのURLをfalseにするべきなのかなとも考えたのですが、そもそも
css-loderのどの部分を変えるべきなのもわかりません・・・

発生している問題・エラーメッセージ

./src/components/views/Service.vue?vue&type=style&index=0&id=59421214&scoped=true&lang=css& (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-oneOf-1-2!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/views/Service.vue?vue&type=style&index=0&id=59421214&scoped=true&lang=css&)
Module not found: Error: Can't resolve './src/assets/img01.png'

該当のソースコード

background-image: url('./src/assets/img01.png');

試したこと

いろいろ調べて、おそらくこれなんじゃいないかという記事は見つけましたが、
webpackなどの知識が乏しく、解決できずにいます
webpackを使用した記憶もないです・・・
https://qiita.com/blueray777/items/cd0f9dcc1c92eba19422

dameo

2020/08/31 02:15

vue-cliで静的アセットの記述方法はこの辺にあります。相対パス指定時は基本importと同じ要領でいいみたいです。 https://cli.vuejs.org/guide/html-and-static-assets.html#static-assets-handling また、vue-cliはwebpackを使ってビルドしたりサービスを提供したりしています。 https://cli.vuejs.org/guide/webpack.html