vue项目本地打包测试，本地运行dist文件夹

项目打包

配置

根目录下创建 .env.development  .env.production  .env.staging 

.env.development本地开发环境文件中配置

# 开发
# base api 可以代替线上环境地址，也可以代替测试环境地址，看自己替换的地址
VUE_APP_BASE_API = '/dev'
VUE_CLI_BABEL_TRANSPILE_MODULES = true

.env.production 线上环境配置 

#　生产默认配置
ENV = 'production'

VUE_APP_BASE_API = 'http://'

 .env.staging 测试环境配置

# 测试默认配置
ENV = 'staging'
VUE_APP_BASE_API = 'http://'

 package.json文件中配置

    "build:prod": "vue-cli-service build",
    "build:staging": "vue-cli-service build --mode staging",

 

本地启动 npm run dev

构建生产环境 npm run build:prod

构建测试环境 npm run build:staging

 打包完成后，会在项目文件夹中生成一个dist文件夹，这个文件夹是需要部署的东西

 本地环境安装

全局安装http-server

npm install http-server -g

 dist文件夹下 打开终端 开启服务

http-server -p 8080   //8080指定端口号