配置环境变量VUE2专用

.env.development

@@ -0,0 +1,10 @@
+NODE_ENV = 'development'
+
+# base api
+# 测试线
+VUE_APP_BASE_API = 'http://192.168.1.70:8087'
+
+
+# VUE_APP_BASE_API = 'http://kpttest.kptyun.com/'
+
+ 

.env.production

@@ -0,0 +1,5 @@
+NODE_ENV = 'production'
+
+# base api
+# 正式线
+VUE_APP_BASE_API = 'http://192.168.1.70:8087'

package.json

@@ -5,7 +5,9 @@
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint"
+    "lint": "vue-cli-service lint",
+    "dev": "vue-cli-service serve --mode development",
+    "pro": "vue-cli-service build --mode production"
   },
   "dependencies": {
     "axios": "^1.2.0",

src/main.js

@@ -13,7 +13,7 @@ import axios from 'axios'
 //1、配置请求的根目录路径
    //  axios.defaults.baseURL = 'http://192.168.1.96.8090'
  
-axios.defaults.baseURL = 'http://192.168.1.70:8087' //测试线
+axios.defaults.baseURL =  process.env.VUE_APP_BASE_API //测试线
 
  
   

src/utils/request.js

@@ -7,7 +7,7 @@ import { MessageBox, Message } from 'element-ui'
 // import { getToken } from '@/utils/auth'
 
 
-axios.defaults.baseURL = 'http://192.168.1.70:8087' 
+axios.defaults.baseURL = process.env.VUE_APP_BASE_API
 // create an axios instance
 const service = axios.create({
   //baseURL: process.env.VUE_APP_BASE_API, // 根目录路径

vue.config.js

@@ -1,3 +1,6 @@
 module.exports = {
-  productionSourceMap: false
+  productionSourceMap: false,
+  devServer: {
+    proxy: process.env.VUE_APP_BASE_API
+  }
 }