2021-09-22 vue3 外部配置文件config.js

1.在public 中 配置config.js文件 exports.baseURL = "http://localhost:7777/bigscreen"

2.在src的config文件中 进行引入 

export const url =  process.env.NODE_ENV === 'production' ? config.baseURL:process.env.VUE_APP_API_BASE_URL;

从main.js中读取public中的json文件

function getServerConfig () {

  return new Promise ((resolve, reject) => {

    axios.get('./config.json').then(data => {

      console.log("读取外部化配置文件>>>>>>>>")

      let urlObj = data.data;

      for (let key in urlObj) {

        Vue.prototype.url = urlObj[key];

        // url = urlObj[key];

      }

      resolve();

    }).catch(error => {

      console.log(error);

      reject()

    })

  })

}

async function init() {

  await getServerConfig();

}

new Vue({

  router,

  render: h => h(App),

  created() {

    init();

  },

}).$mount('#app')