在vue.js组件中获取数据时调整url

# .env.development
VUE_APP_API_URL=http://localhost:3000/api

# .env.production
VUE_APP_API_URL=https://api.example.com

import axios from 'axios';

const apiClient = axios.create({
  baseURL: process.env.VUE_APP_API_URL,
});

export default {
  name: 'MyComponent',
  mounted() {
    apiClient.get('/data').then(response => {
      console.log(response.data);
    });
  }
};

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:3000',
        changeOrigin: true,
        pathRewrite: { '^/api': '' },
      },
    },
  },
};

import axios from 'axios';

const apiClient = axios.create({
  baseURL: '/api',
});

export default {
  name: 'MyComponent',
  mounted() {
    apiClient.get('/data').then(response => {
      console.log(response.data);
    });
  }
};