vue不同环境基本文件配置

本地开发请求地址配置方式：
在项目根目录（与package.json文件平级目录）创建  .env.development 文件
内容：  
    NODE_ENV = "development"
    VUE_APP_BASE_API = '请求地址'

测试环境请求地址配置方式：
在项目根目录（与package.json文件平级目录）创建 .env.staging 文件
内容：  
    NODE_ENV = "staging"
    VUE_APP_BASE_API = '测试请求地址'
在package.json文件 scripts对象下 添加命令："build:stage": "vue-cli-service build --mode staging",,
测试环境打包打包命令为   npm run build:stage

生产环境请求地址配置：
在项目根目录（与package.json文件平级目录）创建    .env.production 文件
内容：  
    NODE_ENV = "production"
    VUE_APP_BASE_API = '生产环境请求地址'
在package.json文件 scripts对象下 添加命令："build:prod": "vue-cli-service build"
生产环境打包命令为：npm run build:prod

解决跨域！！！
在 Vue.js 项目中，要配置一个反向代理，需要在根目录中找到 vue.config.js 文件，如果没有该文件需要手动创建。
在该文件中，可以通过 devServer.proxy 属性来配置反向代理，示例代码如下：
module.exports = {
  devServer: {
    proxy: {
      '/api': {    // 代理接口前缀为 /api 的请求
        target: 'http://example.com',  // 目标服务器地址
        changeOrigin: true, // 开启跨域
        pathRewrite: {
          '^/api': ''  // 将请求地址中的 /api 前缀替换为空，如 /api/data 被替换为 /data
        }
      }
    }
  }
}
在上面的示例代码中，我们配置了一个代理接口前缀为 /api 的请求，将其代理到 http://example.com 目标服务器上。
通过 changeOrigin: true 开启了跨域，同时通过 pathRewrite 配置，
将请求地址中的 /api 前缀替换为空，在真正发送请求时，将 /api 前缀去掉。
需要注意的是，在配置反向代理时，要确保代理目标的服务允许跨域，否则在开发过程中可能会收到 4xx 或 5xx 错误码。
此外，如果需要代理多个接口或服务，可以在 proxy 中配置多个代理对象。