Vue-CLI 3.0 - how can I change the production links?

Question

By default in dist/index.html created such links:

<link href=/js/app.2e806e0c.js rel=preload as=script>
<link href=/js/chunk-vendors.bc9ee6a2.js rel=preload as=script>
<link href=/css/chunk-vendors.fc712ce5.css rel=stylesheet>
<link href=/css/app.64eef18a.css rel=stylesheet>
<script src=/js/chunk-vendors.bc9ee6a2.js></script>
<script src=/js/app.2e806e0c.js></script>

How can I change links to this?

<link href=js/app.2e806e0c.js rel=preload as=script>
<link href=js/chunk-vendors.bc9ee6a2.js rel=preload as=script>
<link href=css/chunk-vendors.fc712ce5.css rel=stylesheet>
<link href=css/app.64eef18a.css rel=stylesheet>
<script src=js/chunk-vendors.bc9ee6a2.js></script>
<script src=js/app.2e806e0c.js></script>

Answer 1

For Vue CLI 3.3+ refer to @DoronG's answer below

---

You can change this via baseUrl option, which you have to set in a vue.config.js file, in your project root:

module.exports = {
  baseUrl: ''
};