Vue配置开发环境成产环境

1、首先在根路径创建一个config文件夹，在文件夹内创建index.js ，然后编写

const env = process.env.NODE_ENV

const config = {
    development:{
        baseURL:'https://jsonplaceholder.typicode.com'
        // baseURL:'https://www.bilibili.com/'
    },
    production:{
        baseURL:'http://localhost:5000'
    }
}

export default{
    baseURL:config[env].baseURL
}

2、在main.js内 引用 在config文件夹创建的index.js文件

import axios from 'axios'
import config from '../config/index'

//例如 来调取根路径
axios.get(config.baseURL + '/toods').then(res=>{
  console.log('data',res.data);
})

3、除此之外 还可以在根路径穿件 .env文件 创建自己的环境变量VUE_APP是固定值 MY_NAME是变量名

VUE_APP_MY_NAME = "奶豆"