Global variable configuration dev . dev.dev . dev.test

Global variable configuration   

Now many front-end projects need to be managed by the back-end , They often change the address of the request interface , But I don't want to ask the front end to change the code every time , So we let the backend operate freely through configuration

First of all ： New file

Create a new file name in the project root directory ：.env.test

The contents of the document

NODE_ENV = 'test'
VUE_APP_BASE_API = 'https://www.baidu.com/'

notes ：NODE_ENV This value does not need a prefix , Other values need to be prefixed   VUE_APP_*****

The second step ： file package.json Configure packaging commands

"scripts": {

    "serve": "vue-cli-service serve",

    "build": "vue-cli-service build",

    "lint": "vue-cli-service lint",

    "test": "vue-cli-service build --mode test"

  },

The third step ： Use  

Use process.env.VUE_APP_BASE_API That's all right. .

Did you stop learning ？

If you only configure the above , There must be another big problem , See you in the next article