Where is the process.env.BASE_URL set in vue-cli3?

when you create a template using cli3 (select vue-router), an environment variable of process.env.BASE_URL is used in router.js .

I looked up the documentation for ide/mode-and-env.html-sharp%E6%A8%A1%E5%BC%8F" rel=" nofollow noreferrer "> vue-cli3 environment variables and patterns , and found that you can only use environment variables that start with VUE_APP_ (which can be used in runnable code).

what should I do if I want to change the process.env.BASE_URL environment variable according to the pattern?

what if I don"t want to use the environment variable that starts with VUE_APP_ ?

Vue.js vue-cli javascript

Jun.23,2021

variables starting with this can be received, so there is no problem
"serve": "vue-cli-service serve-- open-- mode dev"
when configuring serve, you can directly call to different environments. I am looking for @ cli configuration problem to find this problem, hoping to help those in need.

configure baseUrl

in vue.config.js in the root directory.

if you want to see the transformation of the principle, you can take a look at this part of the source code. I have previously written some analysis articles related to vue-cli 3

Source code: @ vue/cli-service/lib/util/resolveClientEnv.js

module.exports = function resolveClientEnv (options, raw) {
  const env = {}
  Object.keys(process.env).forEach(key => {
    if (prefixRE.test(key) || key === 'NODE_ENV') {
      env[key] = process.env[key]
    }
  })
  env.BASE_URL = options.baseUrl

  if (raw) {
    return env
  }

  for (const key in env) {
    env[key] = JSON.stringify(env[key])
  }
  return {
    'process.env': env
  }
}

the core is:

env.BASE_URL = options.baseUrl

Previous: How to initialize nuxt vue/cli3.0?

Next: On the binding of vue.js Class and Style & conditional rendering

Vue uses routing on-demand loading, so why is the packaged app.js still so large?
as shown in the figure, I used routing on-demand loading and generated a lot of .js files, but the app.js is still very large. It is even larger than non-demand loading app.js ... ...

Vue.js vue-cli javascript

Mar.21,2021
Why has requestURL not changed since proxyTable configuration?
proxyTable: { levy : { target: http: 118.31.112.11 , changeOrigin: true } }, var obj = { username: , password: } this.$post( levy login index ,obj).then(res=>{ console.log(res); }) Why doesn t r...

Vue.js vue-cli javascript cross-domain

Mar.22,2021
How to view projects built by vue-cli on your mobile phone
has replaced localhost with local IP, and IP can be opened normally on PC, but the phone cannot be converted into a QR code or directly opened by a copy address browser. Is there anything else that needs to be configured? ...

Vue.js vue-cli javascript Mobile-web-develops

Mar.25,2021
Write limit input can only enter positive integer and decimal vue custom instructions, there are some problems, seek guidance to solve
only positive integers can be entered according to the keypress event, monitor the keyboard keyCode code, combined with the numeric regular expression to determine whether the typed keyCode is a number, if it is non-numeric, call the preventDefault e...

Vue.js vue-cli javascript

Jun.08,2021
How to configure postcss? for a project created by vue-cli3.0
problem description I created a hello-world project using vue-cli version 3.0: vue create hello-world I found that it enabled the service by using vue serve . now I want to join postcss, and find that the pkg.json generated by it has alread...

Vue.js vue-cli javascript

Jan.18,2022
How to install vue-cli scaffolding tools offline?
at present, there is a need to build a development environment on private cloud, install vue-cli scaffolding, go through the major engines, but cannot find the offline installation method. I would like to ask which boss knows the solution to this. Thank ...

Vue.js vue-cli javascript

Mar.21,2022
Run serve error after vuecli created the project!
INFO Starting development server... ERROR Error: custom keyword definition is invalid: data.errors should be boolean Error: custom keyword definition is invalid: data.errors should be boolean at Ajv.addKeyword (C: Users Mi vue ebook node_mod...

Vue.js vue-cli javascript

Jun.13,2022