vue-cli 自动切换环境

使用vue-cli的webpack模式

1.找到config下的dev.env.js和prod.env.js文件

dev.env.js修改如下

var merge = require('webpack-merge');
var prodEnv = require('./prod.env');module.exports = merge(prodEnv, {NODE_ENV: '"development"',API_ROOT: '"测试ip"'
})

prod.env.js修改如下

module.exports = {NODE_ENV: '"production"',API_ROOT: '"正式ip/"'
}

2找到js/http.js

修改axios的baseURL，修改如下

axios.defaults.baseURL = process.env.API_ROOT

转载于:https://www.cnblogs.com/liuhuanwen/p/7685830.html

vue-cli 自动切换环境相关推荐

vue cli 4 多环境_Vue 笔记整理19
19.1 vue-cli起步 19.1.1 什么是vue-cli Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供: - 通过 @vue/cli 搭建交互式的项目脚手架. - 通 ...
vue cli 4 多环境_Vue 前端uni-app多环境配置部署服务器的问题
转载请标明出处: https://dujinyang.blog.csdn.net/article/details/100831712/ 本文出自:[奥特曼超人的博客] 前端Vue Vue 经过这一年的 ...
VSCode 搭建Vue开发环境之Vue CLI
2019独角兽企业重金招聘Python工程师标准>>> 一.简介说明 1.关于VS Code开发工具,安装和配置,更多可以参考以前文章 2.关于Vue.js,Vue是一个优秀的渐进式 ...
MyCat2 mysql8 读写分离主从自动切换
MyCat2数据中间件应用 mysql主从配置与自动切换环境准备三台虚拟机192.168.2.5(mycat).192.168.2.6(mysql1).192.168.2.7(mysql2) jd ...
Vue CLI 初始化脚手架详解
1.说明 1.Vue 脚手架是Vue 官方的标准化开发工具 (开发平台) 2.最新的版本是 4.X 3.文档 Vue CLI 2.具体步骤 1.如果下载缓慢请配置 npm 淘宝镜像 npm conf ...
vue项目通过命令行传参实现多环境配置(基于@vue/cli)
大多数项目都有生产环境和开发环境,一般情况下应该够了,但是有时候还需要sit,uat,本地等环境,这时候假如要通过注释的方式切换环境就相当麻烦了. 如果可以像下面这样切换环境就方便了 npm run ...
Vue国际化处理 vue-i18n 以及项目自动切换中英文
0. 直接上预览链接 Vue国际化处理 vue-i18n 以及项目自动切换中英文 1. 环境搭建命令进入项目目录,执行以下命令安装vue 国际化插件vue-i18n npm install vue ...
cli vue 卸载,vue Cli 环境删除与重装教程 - 版本文档
vue-cli 卸载,版本选择,安装 · 检测(图文教程:vue Cli 环境删除与重装) 重要说明: vue-cli 3.0+版本,使用的不是vue-cli,而是@vue/cli: 如果用以上的安装 ...
vue脚手架搭建配置试调地址和端口号_全栈的自我修养: 002使用@vue/cli进行vue环境搭建 (使用Vue,SpringBoot,Flask完成前后端分离)...
全栈的自我修养: 使用@vue/cli进行vue.js环境搭建 Success, real success, is being willing to do the things that other ...

vue-cli 自动切换环境

使用vue-cli的webpack模式

1.找到config下的dev.env.js和prod.env.js文件

dev.env.js修改如下

prod.env.js修改如下

2找到js/http.js

修改axios的baseURL，修改如下

vue-cli 自动切换环境相关推荐

最新文章

热门文章