优化代码

.env.localProduction → .env.prod

 # 生产环境配置
-ENV = 'local'
-
+ENV = 'production'
+NODE_ENV = production
 #Jeeplus快速开发平台/后台地址
-VUE_APP_SERVER_URL = 'http://127.0.0.1:8080/helicopter'
+VUE_APP_SERVER_URL = 'http://127.0.0.1:12081/helicopter'
 #单点登录设置
 VUE_APP_SSO_LOGIN  = 'false'
 VUE_APP_CAS_SERVER = 'https://www.cainiao.com:8443/cas'

package.json

@@ -5,7 +5,7 @@
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
-    "build:localProduction": "vue-cli-service build --mode localProduction",
+    "build:prod": "vue-cli-service build --mode prod",
     "test:unit": "vue-cli-service test:unit",
     "test:e2e": "vue-cli-service test:e2e",
     "lint": "vue-cli-service lint"

src/components/GGanttBar.vue

@@ -150,7 +150,6 @@ window.addEventListener("resize", () => {
   xStart.value = mapTimeToPosition(bar.value[barStart.value]);
   xEnd.value = mapTimeToPosition(bar.value[barEnd.value]);
 });
-console.log(bar.value.ganttBarConfig.top);
 
 const barStyle = computed(() => {
   let top = `${rowHeight.value * 0.1 }px`

src/components/GGanttRow.vue

@@ -78,9 +78,6 @@ const rowStyle = computed(() => {
     return Math.max(acc, bar.ganttBarConfig.top)
   }, 0)
 
-  console.log('maxTop', maxTop);
-  
-
   if(maxTop > 0) {
     height = (rowHeight.value * 0.8 * maxTop) + (rowHeight.value * 0.1) * (maxTop +1)
   }

src/components/GanttView.vue

@@ -139,8 +139,6 @@ httpRequest
           });
 
           formatter(result);
-          console.log(result);
-
           value.list = result
         }
         return value

src/router/index.ts

-import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'
+import { createRouter, createWebHashHistory, createWebHistory, RouteRecordRaw } from 'vue-router'
 import Gantt from '../views/Gantt.vue'
+import {getQueryString} from '../utils'
 
 const routes: Array<RouteRecordRaw> = [
   {
     path: '/',
     name: 'gantt',
-    component: Gantt
-  },
-  {
-    path: '/about',
-    name: 'about',
-    // route level code-splitting
-    // this generates a separate chunk (about.[hash].js) for this route
-    // which is lazy-loaded when the route is visited.
-    component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue')
+    component: () => import(/* webpackChunkName: "about" */ '../views/Gantt.vue')
   }
 ]
 
 const router = createRouter({
-  history: createWebHistory(process.env.BASE_URL),
+  history: createWebHashHistory(process.env.BASE_URL),
   routes
 })
 
-router.beforeEach((to, from, next)=>{
-   sessionStorage.setItem('taskResultId', to.query.id as string)
-   sessionStorage.setItem('token', to.query.token as string)
-   next()
+router.beforeEach((to, from, next) => {
+  sessionStorage.setItem('taskResultId', getQueryString('id') as string)
+  sessionStorage.setItem('token', getQueryString('token') as string)
+  next()
 })
 
 export default router

src/utils/index.ts

+function getQueryString(name:string) {
+    let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
+    let r = window.location.search.substr(1).match(reg);
+    if (r != null) {
+        return decodeURIComponent(r[2]);
+    };
+    return null;
+ }
+
+export {getQueryString} 
\ No newline at end of file

src/views/AboutView.vue

-<template>
-  <div class="about">
-    <h1>This is an about page</h1>
-  </div>
-</template>

vue.config.js

 const { defineConfig } = require('@vue/cli-service')
 module.exports = defineConfig({
   transpileDependencies: true,
-  publicPath: process.env.NODE_ENV === 'production'
-  ? '/v-gantt/'
-  : '/',
+  publicPath: './',
   devServer: {
     port: 3001,
     proxy: {