多环境

.env.development

@@ -0,0 +1,3 @@
+NODE_ENV = development
+# 开发环境的ip端口
+VUE_APP_BASE_API = '/api'

.env.production

@@ -0,0 +1,3 @@
+NODE_ENV = production
+# 正式环境的ip端口
+VUE_APP_BASE_API = 'http://mall.zhiqiyun.com'

.env.test

@@ -0,0 +1,3 @@
+NODE_ENV = test
+# 测试环境的ip端口
+VUE_APP_BASE_API = 'http://mptest.tongyu99.com'

package.json

@@ -5,10 +5,12 @@
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
-    "dev": "vue-cli-service serve --mode dev",
-    "dev:test": "vue-cli-service serve --mode testenv",
+    "dev": "vue-cli-service serve --mode development",
+    "dev:test": "vue-cli-service serve --mode test",
+    "dev:pro": "vue-cli-service serve --mode production",
     "build:dev": "vue-cli-service build --mode dev",
-    "build:test": "vue-cli-service build --mode testenv"
+    "build:test": "vue-cli-service build --mode test",
+    "build:pro": "vue-cli-service build --mode production"
   },
   "dependencies": {
     "axios": "^0.27.2",

src/components/materialManage.vue

@@ -11,7 +11,7 @@
                             :show-file-list="false">
                             <el-button size="small" type="primary">{{ fileType === 1 ? "上传图片" : "上传视频" }}</el-button>
                         </el-upload> -->
-                        <el-upload class="upload-demo" action="/sys/oss/upload" :on-success="imageUploadSuccess"
+                        <el-upload class="upload-demo" :action="uploadurl" :on-success="imageUploadSuccess"
                             :show-file-list="false">
                             <el-button size="small" type="primary">{{ fileType === 1 ? "上传图片" : "上传视频" }}</el-button>
                         </el-upload>
@@ -98,6 +98,7 @@ export default {
     },
     data: function () {
         return {
+            uploadurl:process.env.NODE_ENV == 'development'?'/api/sys/oss/upload':'/sys/oss/upload',
             visible: false,
             mixinViewModuleOptions: {
                 getDataListURL: '/material/page',

src/utlis/axios.js

@@ -2,10 +2,10 @@ import axios from "axios";
 import {getCookie} from '@/utlis/utli'
 const service = axios.create({
   withCredentials: true,
-  baseURL: 'http://mptest.tongyu99.com',
+  // baseURL: 'http://mptest.tongyu99.com',
   // baseURL: 'http://mall.zhiqiyun.com',
   // baseURL: '/api',
-  // baseURL: process.env.VUE_APP_BASEURL,
+  baseURL: process.env.VUE_APP_BASE_API,
   timeout: 1000 * 180,
   headers: {
     "content-type": 'text/plain;charset=utf-8',

vue.config.js

@@ -4,16 +4,16 @@ module.exports = defineConfig({
 })
 module.exports = {
   publicPath: '',
-  // devServer: {
-  //   proxy: {
-  //     '/api': {
-  //       target: 'http://mptest.tongyu99.com',
-  //       changeOrigin: true,
-  //       pathRewrite: {
-  //         '^/api': ''
-  //       }
-  //     }
-  //   }
-  // }
+  devServer: process.env.NODE_ENV == 'development'?{
+    proxy: {
+      '/api': {
+        target: 'http://mptest.tongyu99.com',
+        changeOrigin: true,
+        pathRewrite: {
+          '^/api': ''
+        }
+      }
+    }
+  }:{}
 
 }