User option 'baseUrl' is forced with a leading slash even for absolute URL

[guangyao-liu]

Version

3.0.0-beta.6

Reproduction link

vue-cli/packages/@vue/cli-service/lib/Service.js

Line 210 in edff5b4

ensureSlash(resolved, 'baseUrl')

Steps to reproduce

1. Setup the vue.config.js with following content:

module.exports = {
  baseUrl: 'https://cdn.example.com/assets/'
}

2. Run npm run build
3. Check the generated file at dist/index.html

What is expected?

<script type=text/javascript src=https://cdn.example.com/assets/js/app.8cd3ebbc.js></script>

What is actually happening?

<script type=text/javascript src=/https://cdn.example.com/assets/js/app.8cd3ebbc.js></script>

[mikekidder]

A possible workaround, by also setting publicPath:

// vue.config.js
var path = process.env.NODE_ENV === 'production' ? 'https://cdn.example.com/assets/' : '/'

module.exports = {
  configureWebpack: {
    output: {
      publicPath: path
    }
  }, 
  baseUrl: path
}

but also had to set in package.json:

  "scripts": {
    "serve": "vue-cli-service serve --open",
    "build": "cross-env NODE_ENV=production vue-cli-service build"
  },

this did not work per docs:

  "scripts": {
    "serve": "vue-cli-service serve --open",
    "build": "vue-cli-service build --mode production"
  },

[guangyao-liu]

My current workaround, btw, is

let baseUrl = '/';
if (process.env.NODE_ENV === 'production') {
    baseUrl = '//cdn.example.com/assets/';
}

module.exports = {
  baseUrl
}