Vue生产环境和开发环境的配置

VUE_APP_URL=https://cli.vuejs.org/ 

VUE_APP_URL=https://cli.vuejs.org/ 

// 这个地方的参数配置可以参照vue cli https://cli.vuejs.org/zh/config/#全局-cli-配置，根据项目需要进行配置
module.exports = {
    publicPath: process.env.NODE_ENV === 'production' ? '/production-sub-path' : './', 
    outputDir: 'dist',
    devServer: {
        proxy: {
            '/api': {
                target: '线上接口地址',
                ws: true,
                changeOrigin: true,
                pathRewrite: {
                    '^/api': '/'  // 根据之前vuejs的配置，用来拿掉URL上的（/api），但是暂时没有什么效果
                }
            },
        }
    }
}

import Vue from 'vue';
const api = process.env.VUE_APP_URL ? process.env.VUE_APP_URL : '/api';
​
export const APIROUTER = {
        'login':  api + '/admin/login.do', // 登录
}
​
Vue.prototype.$api_router = APIROUTER; // 直接声明出去

import './mock.api'; // 接口API

<script>
  export default{
    mounted() {
      console.log(this.$api_router.login); // 打印出登录接口的路径
    },
  }
</script>