vue-element-admin 部署生成环境

1，修改，env.production文件

# just a flag
ENV = 'production'

# base api
VUE_APP_SERVICE_URL = 'https://****.****.***'
# VUE_APP_BASE_API = '/api' 反向代理就加这个

 2，修改，env.development文件

# just a flag
ENV = 'development'

# base api
# VUE_APP_SERVICE_URL = 'https://****.***.***'
# VUE_APP_BASE_API = '/api'

 3，修改，vue.config.js文件

module.exports = {
 publicPath: '/',//如果发现访问不了改成./
  outputDir: 'dist',//文件目录
  assetsDir: 'static',
  lintOnSave: process.env.NODE_ENV === 'production',//development开发   production生产
  productionSourceMap: false,//打包时不生成.Map，应为.Map文件是出错时会解析在哪里哪行出错，不安全
  devServer: {
    port: port,
    host: 'localhost',//主机
    open: true,
    // https:true,
    overlay: {
      warnings: false,
      errors: true
    },

    /**
     * 动态代理
     **/
    proxy: {
      [process.env.VUE_APP_BASE_API]: {
        target: process.env.VUE_APP_SERVICE_URL,
        changeOrigin: false,
        pathRewrite: {
          ['^' + process.env.VUE_APP_BASE_API]: ''
        }
      }
    }
    // before: require('./mock/mock-server.js')
  },
}

打包生产环境

npm run build:prod

我用的是tp所以放在/public文件夹里，创建/backend文件夹，把打包的东西都放进去

访问https://***.***.com/backend/

如果是前后分离，需要niginx做反向代理，这里我没弄找一下很多的