Use Axios in Vue to configure different baseurl for production and development environments

First step: Set different interface addresses

Files found:/config/dev. env. js

The code is modified to:

var merge = require (' Webpack-merge ') var prodenv = require ('./prod.env ') module.exports = Merge (Prodenv, {  node_env: ') "Development" ',
Add  api_root: ' "//192.168.1.8/api"})

　　

/config/prod. env. js

The code is modified to:

Module.exports = {  node_env: ' "Production" ',    //Add  api_root: ' "//www.baidu.com/api" '}

Step Two: Modify the BaseURL by calling the Axios file

Axios.defaults.baseURL = Process.env.API_ROOT

Finally restart the project:

This is called when the development environment executes NPM run Dev.

192.168.1.8/api
While executing the NPM run build package, you are invoking the

Www.baidu.com/api

Use Axios in Vue to configure different baseurl for production and development environments