请选择 进入手机版 | 继续访问电脑版

vue cli3的多环境配置

[复制链接]
钟启航 发表于 2021-1-2 17:49:40 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
vue项目开辟时,会有差别的运行情况,比方:开辟情况、测试情况、生产情况,本文详细先容一下vue3的情况设置步调:

  • 在根目次下建三个文件

    注意:.env文件中变量定名 必须以 VUE_APP_ 开头
    .env.development:开辟情况文件
    1. NODE_ENV = 'development'VUE_APP_MODE = 'development'VUE_APP_API_URL ='开辟情况接口地点'
    复制代码
    .env.production:生产情况文件
    1. NODE_ENV = 'production'VUE_APP_MODE = 'production'VUE_APP_API_URL ='生产情况接口地点'
    复制代码
    .env.test:测试情况文件
    1. NODE_ENV = 'production'VUE_APP_MODE = 'test'VUE_APP_API_URL ='测试情况接口地点'outputDir = test  // 文件打包名称
    复制代码
  • 修改package.json
    1. "scripts": {    "serve": "vue-cli-service serve",    "build": "vue-cli-service build",    "lint": "vue-cli-service lint",    "test": "vue-cli-service build --mode test",    "publish": "vue-cli-service build && vue-cli-service build --mode test"  // 打包测试文件和生产文件  },
    复制代码
  • 修改 vue.config.js

  • main.js 修改接口设置
    1. // 接口地点axios.defaults.baseURL = process.env.VUE_APP_API_URL
    复制代码

来源:https://blog.csdn.net/hua_hourglass/article/details/112002150
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

发布主题

专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )