路径问题修复

.gitignore

@@ -15,5 +15,7 @@ public/static/cesium/Assets/Textures/temp/
 dist.zip
 public/static/ditu/
 public/static/dixing/
-
+*.rar
+*.zip
+*.7z
 

src/components/modelUnpack - 左右布局.vue

@@ -658,8 +658,8 @@ export default {
     addModel({ fileType = "glb", fileName }) {
       this.modelLoading = true;
       const loader = this.loader[fileType];
-      loader.setResourcePath(`./static/model/${fileName}/`);
-      loader.load(`./static/model/${fileName}/model.${fileType}`, (result) => {
+      loader.setResourcePath(`/static/model/${fileName}/`);
+      loader.load(`/static/model/${fileName}/model.${fileType}`, (result) => {
         if (fileType === "fbx") {
           this.basicModel = this.formatModel(result);
         } else if (fileType === "glb") {

src/components/modelUnpack.vue

@@ -932,8 +932,8 @@ export default {
     addModel({ fileType = "glb", fileName }) {
       this.modelLoading = true;
       const loader = this.loader[fileType];
-      loader.setResourcePath(`./public/static/model/${fileName}/`);
-      loader.load(`./public/static/model/${fileName}/model.${fileType}`, (result) => {
+      loader.setResourcePath(`/static/model/${fileName}/`);
+      loader.load(`/static/model/${fileName}/model.${fileType}`, (result) => {
         if (fileType === "fbx") {
           this.basicModel = this.formatModel(result);
         } else if (fileType === "glb") {

src/store/index.js

@@ -16,7 +16,7 @@ const state = {
       ],
       rootBanner: [
         {
-          img: "./static/model/glb/gfSolo/gf1.png",
+          img: "/static/model/glb/gfSolo/gf1.png",
           desc: [
             `<p class="mb"><span style="color:#e6a23c">太阳能电池(光伏逆变器)：</span></p>`,
             `<p class="mb">太阳能电池(光伏逆变器)是利用光伏效应将太阳光能转化为电能的技术。其与风力发电机同属新能源设备中的一类。光伏效应是指某些半导体材料（如硅）受到光照时，内部电子被激发并产生电荷，从而产生电流。太阳能光伏系统由光伏电池板、逆变器、支架及其他附件组成。</p>  `,
@@ -31,7 +31,7 @@ const state = {
           ]
         },
         {
-          img: "./static/model/glb/gfSolo/gf2.webp",
+          img: "/static/model/glb/gfSolo/gf2.webp",
           desc: [
             `<p class="mb">太阳能电池(光伏逆变器)具有广泛的应用前景，其优势包括但不限于：</p>`,
             `<p class="mb">1. 可再生能源，环保无污染。</p>`,
@@ -41,7 +41,7 @@ const state = {
           ]
         },
         {
-          img: "./static/model/glb/gfSolo/gf3.png",
+          img: "/static/model/glb/gfSolo/gf3.png",
           desc: [
             `<p class="mb">太阳能光伏技术的诞生可以追溯到19世纪中叶以来的科学研究，但其真正商业化和广泛应用则始于20世纪70年代的能源危机。以下是太阳能光伏技术诞生的一些关键契机：</p>`,
             `<p class="mb">1. 石油危机：1970年代初，由于中东地区的石油供应中断和石油价格的大幅上涨，许多国家面临严重的能源危机。这导致人们开始寻找替代能源来源，太阳能因其丰富的资源和可再生特性而受到了广泛关注。</p>`,
@@ -56,7 +56,7 @@ const state = {
       ],
       banner: [
         [{
-          img: "./static/model/glb/gfSolo/gfb1.png",
+          img: "/static/model/glb/gfSolo/gfb1.png",
           desc: [
             `<p class="mb"><span style="color:#e6a23c">太阳能电池板(光伏板)常规构造：</span></p>  `,
             `<p class="mb"><span class="fw" style="color:#1890ff">1. 铝合金边框：</span><span>采用高质量的电镀铝边框，强度高，抗机械震动能力强。</span></p>`,
@@ -67,12 +67,12 @@ const state = {
             `<p class="mb"><span class="fw" style="color:#1890ff">6. 接线盒：</span><span>采用IP67等级的接线盒，防水性能强。</span></p>`,
           ]
         }, {
-          img: "./static/model/glb/gfSolo/gfb2.webp",
+          img: "/static/model/glb/gfSolo/gfb2.webp",
           desc: [
             `<p class="mb">大部分太阳能电池板(光伏板)的构造大抵相同，最大的差异可能只是部分板材内置的线材选材不同。</p>  `,
           ]
         }, {
-          img: "./static/model/glb/gfSolo/gfb3.png",
+          img: "/static/model/glb/gfSolo/gfb3.png",
           desc: [
             `<p class="mb"><span style="color:#e6a23c">太阳能电池板(光伏板)在制造时要经历多道工序，包括但不限于：</span></p>  `,
             `<p class="mb"><span class="fw" style="color:#1890ff">1. 硅片生产：</span><span>太阳能光伏板的核心材料之一是硅片。硅片的生产通常包括熔化硅材料、拉制晶体棒、切割成薄片等步骤。硅片生产采用的是单晶或多晶硅材料。</span></p>`,
@@ -85,7 +85,7 @@ const state = {
         }],
         [
           {
-            img: "./static/model/glb/gfSolo/gfdz1.png",
+            img: "/static/model/glb/gfSolo/gfdz1.png",
             desc: [
               `<p class="mb"><span style="color:#e6a23c">光伏板支架(光伏底座)常规构造：</span></p>  `,
               `<p class="mb"><span class="fw" style="color:#1890ff">1. 支撑结构：</span><span>支撑结构是底座的主要组成部分，用于支撑和固定太阳能光伏板。这些支撑结构可以是框架、支架、支撑柱等形式，其设计必须考虑到安装环境、光伏板的重量以及承受的风压等因素。</span></p>`,
@@ -95,13 +95,13 @@ const state = {
             ]
           },
           {
-            img: "./static/model/glb/gfSolo/gfdz2.png",
+            img: "/static/model/glb/gfSolo/gfdz2.png",
             desc: [
               `<p class="mb">光伏板支架(光伏底座)并没有一个固定的制作标准，只要能完成自己的主要工作，能够给载体提供稳定的支撑就已经算是达到合格线了。</p>  `,
             ]
           },
           {
-            img: "./static/model/glb/gfSolo/gfdz3.png",
+            img: "/static/model/glb/gfSolo/gfdz3.png",
             desc: [
               `<p class="mb"><span style="color:#e6a23c">光伏板支架(光伏底座)安装步骤：</span></p>  `,
               `<p class="mb"><span class="fw" style="color:#1890ff">1. 设计规划：：</span><span>根据太阳能光伏板的安装位置和环境条件，设计合适的底座结构和尺寸。</span></p>`,
@@ -129,7 +129,7 @@ const state = {
       ],
       rootBanner: [
         {
-          img: "./static/model/glb/fjSolo/fj1.png",
+          img: "/static/model/glb/fjSolo/fj1.png",
           desc: [
             `<p class="mb"><span style="color:#e6a23c">风力发电机：</span></p>`,
             `<p class="mb">风力发电机是一种利用风能转换成电能的装置。它通常由风轮、发电机、塔架和控制系统等部件组成。风力发电机的工作原理是通过风轮叶片受到风的作用而转动，驱动发电机转动，进而产生电能。</p>`,
@@ -143,7 +143,7 @@ const state = {
           ]
         },
         {
-          img: "./static/model/glb/fjSolo/fj2.jpg",
+          img: "/static/model/glb/fjSolo/fj2.jpg",
           desc: [
             `<p class="mb"><span style="color:#e6a23c">风力发电机具有多方面的优势：</span></p>`,
             `<p class="mb"><span class="fw" style="color:#1890ff">1.清洁环保 ：</span><span>风力发电是一种无污染的能源，不会产生二氧化碳、氮氧化物等温室气体和其他有害物质，对环境友好。</span></p>`,
@@ -157,7 +157,7 @@ const state = {
           ]
         },
         {
-          img: "./static/model/glb/fjSolo/fj3.webp",
+          img: "/static/model/glb/fjSolo/fj3.webp",
           desc: [
             `<p class="mb">风力发电技术的诞生背景主要是由于对传统能源的依赖和环境污染的担忧，以及对可再生能源的需求。随着科技的发展和环保意识的提高，人们开始寻找替代能源的解决方案。风力发电作为一种清洁、可再生的能源形式，在20世纪后半叶开始得到广泛关注和应用。随着技术的不断进步，风力发电已经成为世界上最主要的可再生能源之一。</p>`,
 
@@ -166,7 +166,7 @@ const state = {
       ],
       banner: [
         [{
-          img: "./static/model/glb/fjSolo/tt1.webp",
+          img: "/static/model/glb/fjSolo/tt1.webp",
           desc: [
             `<p class="mb">风机塔筒的主要制作材料通常是钢材，特别是碳钢或合金钢。这些钢材具有足够的强度和耐腐蚀性，以承受风力发电机运行期间的各种负载和环境条件。</p>`,
             `<p class="mb"><span style="color:#e6a23c">制作风机塔筒通常需要经历以下几个阶段：</span></p>`,
@@ -180,7 +180,7 @@ const state = {
             `<p class="mb"> * 风机塔筒的制作通常需要符合一系列的技术标准和规范，包括结构强度、耐腐蚀性、抗风性能等方面的指标。</p>`,
           ]
         }, {
-          img: "./static/model/glb/fjSolo/tt2.jpeg",
+          img: "/static/model/glb/fjSolo/tt2.jpeg",
           desc: [
             `<p class="mb" style="color:#e6a23c">风机塔筒是风力发电机组中的重要组成部分，其主要作用包括以下几个方面：</p>`,
             `<p class="mb"><span class="fw" style="color:#1890ff">1. 提供支撑结构：</span><span>风机塔筒为风力发电机组提供了一个稳固的支撑结构，使风机能够安全地安装在其顶部。塔筒的设计和制造要能够承受风力发电机组运行期间的各种负载，包括风载荷、动力载荷等。</span></p>`,
@@ -191,14 +191,14 @@ const state = {
             `<p class="mb"> * 总的来说，风机塔筒的作用是为风力发电机组提供一个稳固的支撑结构，提高发电效率，并保护内部设备免受外界环境的影响，从而确保风力发电系统的安全运行和高效发电。</p>`,
           ]
         }, {
-          img: "./static/model/glb/fjSolo/tt3.png",
+          img: "/static/model/glb/fjSolo/tt3.png",
           desc: [
             `<p class="mb">风机塔筒的使用年限通常取决于其材料、设计、制造工艺以及环境条件等因素。一般而言，风机塔筒的设计寿命可以达到20年甚至更长，但实际使用年限可能会受到多种因素的影响，包括风力发电项目的管理、维护情况，以及外部环境的影响等。</p>`,
             `<p class="mb">在风力发电项目的规划和管理中，对于风机塔筒的使用年限以及到期后的处理，需要提前进行充分的考虑和计划，以确保项目的持续运行和环境可持续性。</p>`,
           ]
         }],
         [{
-          img: "./static/model/glb/fjSolo/yp1.png",
+          img: "/static/model/glb/fjSolo/yp1.png",
           desc: [
             `<p class="mb">风机叶片的主要制作材料通常是玻璃纤维增强聚酯（GRP）或碳纤维复合材料。这些材料具有良好的强度、刚度和耐腐蚀性，同时重量轻，适合用于制作风机叶片。</p>`,
             `<p class="mb" style="color:#e6a23c">制作风机叶片通常需要经历以下几个阶段：</p>`,
@@ -213,7 +213,7 @@ const state = {
             `<p class="mb"> * 风机叶片的制作涉及到一系列的技术指标，包括尺寸精度、表面质量、强度刚度、防腐蚀性等方面的指标。对于复合材料制作的叶片，可能存在一些与制作工艺、材料选择、成型方法等方面的专利技术。这些专利技术可能涉及到提高制造效率、降低成本、增强叶片性能等方面的创新。</p>`,
           ]
         }, {
-          img: "./static/model/glb/fjSolo/yp2.jpg",
+          img: "/static/model/glb/fjSolo/yp2.jpg",
           desc: [
             `<p class="mb">风机叶片的安装通常是在风力发电机组的塔筒顶部进行的，安装过程需要严格按照设计要求和安全规范进行操作。</p>`,
             `<p class="mb" style="color:#e6a23c">以下是风机叶片安装的一般步骤和注意事项</p>`,
@@ -224,7 +224,7 @@ const state = {
             `<p class="mb"><span class="fw" style="color:#1890ff">5. 安全检查：</span><span>在叶片安装完成后，进行全面的安全检查和测试，包括叶片连接件、叶片平衡、塔筒结构等方面的检查，确保安装工作符合安全规范和设计要求。</span></p>`,
           ]
         }, {
-          img: "./static/model/glb/fjSolo/yp3.webp",
+          img: "/static/model/glb/fjSolo/yp3.webp",
           desc: [
             `<p class="mb" style="color:#e6a23c">风机叶片是风力发电机组中至关重要的部件，其主要作用包括：</p>`,
             `<p class="mb"><span class="fw" style="color:#1890ff">1. 捕捉风能：</span><span>风机叶片通过其特殊的形状和设计，在风的作用下旋转，将风能转换为机械能。叶片的设计旨在最大化地捕捉风能，使其转化为旋转动能。</span></p>`,
@@ -236,7 +236,7 @@ const state = {
           ]
         }],
         [{
-          img: "./static/model/glb/fjSolo/jc1.png",
+          img: "/static/model/glb/fjSolo/jc1.png",
           desc: [
             `<p class="mb">风机机舱（也称为机器舱或发电机舱）是风力发电机组的重要组成部分，主要用于安装和保护发电机、齿轮箱、润滑系统等关键设备。机舱的主要制作材料通常是钢材或铝合金，这些材料具有足够的强度和耐腐蚀性，以确保机舱能够承受高速风和其他环境条件的影响。</p>`,
             `<p class="mb" style="color:#e6a23c">制作风机机舱通常需要经历以下几个阶段：</p>`,
@@ -251,7 +251,7 @@ const state = {
             `<p class="mb"> * 风机机舱的制作涉及到一系列的技术指标，包括结构强度、密封性能、防腐蚀性能、抗风性能等方面的指标。在风力发电领域，可能存在一些与机舱制作相关的专利技术，例如结构设计、焊接工艺、防腐蚀技术等。这些专利技术可能涉及提高制造效率、降低成本、增强机舱性能等方面的创新。</p>`,
           ]
         }, {
-          img: "./static/model/glb/fjSolo/jc2.png",
+          img: "/static/model/glb/fjSolo/jc2.png",
           desc: [
             `<p class="mb" style="color:#e6a23c">风机机舱主要作用包括以下几个方面：</p>`,
             `<p class="mb"><span class="fw" style="color:#1890ff">1. 保护关键设备：机舱内安装有风力发电机组的关键设备，如发电机、齿轮箱、润滑系统等。机舱起到了保护这些设备的作用，可以防止其受到恶劣天气、灰尘、湿气等外部环境的侵蚀和损坏，延长设备的使用寿命</span><span>的</span></p>`,
@@ -263,7 +263,7 @@ const state = {
             `<p class="mb"> * 综上所述，风机机舱的主要作用是保护关键设备、提供工作环境、调节温度和湿度、控制设备运行，并防止火灾和爆炸等事故发生，保障风力发电系统的安全运行和长期稳定发电。</p>`,
           ]
         }, {
-          img: "./static/model/glb/fjSolo/jc3.png",
+          img: "/static/model/glb/fjSolo/jc3.png",
           desc: [
             `<p class="mb" style="color:#e6a23c">风机机舱内通常包括但不限于以下设备：</p>`,
             `<p class="mb"><span class="fw" style="color:#1890ff">发电机、齿轮箱、润滑系统、冷却系统、加热系统、控制系统、传感器、电池组、变频器、电气设备、安全系统、通风系统、火灾报警系统、照明设备、电缆和电线束等。</span></p>`,

src/threeTool/ThreeEngine.js

@@ -468,8 +468,8 @@ export class TEngine {
             } else {
                 return new Promise((resolve, reject) => {
                     const loader = this.fileLoaderMap[fileType];
-                    // loader.setResourcePath(`./static/model/${fileType}/${dirName}/`);
-                    loader.setResourcePath(`./static/model/${dirName}/`);
+                    // loader.setResourcePath(`/static/model/${fileType}/${dirName}/`);
+                    loader.setResourcePath(`/static/model/${dirName}/`);
                     loader.load(filePath, (result) => {
                         switch (fileType) {
                             case "glb":
@@ -513,7 +513,7 @@ export class TEngine {
                 this.loadModel({
                     fileType: modelInfo.modelType,
                     dirName: modelInfo.modelName,
-                    filePath: `./static/model/${modelInfo.modelType}/${modelInfo.modelName}/model.${modelInfo.modelType}`,
+                    filePath: `/static/model/${modelInfo.modelType}/${modelInfo.modelName}/model.${modelInfo.modelType}`,
                 }).then((sourceModel) => {
                     let model = sourceModel;
                     if (modelInfo.userData) {

src/views/cesium.vue

@@ -441,7 +441,7 @@ export default {
     async initCesiumTerrain() {
       const terrainProvider = await Cesium.CesiumTerrainProvider.fromUrl(
         // "http://localhost:3007/tiles/dixing",
-        "./public/static/dixing",
+        "/static/dixing",
         {
           requestWaterMask: true, // 如果需要水效果，设置为true
           requestVertexNormals: true, // 如果需要光照效果，设置为true
@@ -468,7 +468,7 @@ export default {
 
       // const imageryProvider = new Cesium.UrlTemplateImageryProvider({
       //   url: "http://localhost:3007/tiles/dixing/{z}/{x}/{y}",
-      //   // url: "./public/static/dixing/{z}/{x}/{y}.terrain",
+      //   // url: "/static/dixing/{z}/{x}/{y}.terrain",
       //   credit: "地形数据",
       // });
 
@@ -483,7 +483,7 @@ export default {
       const imageryProvider = await new Cesium.UrlTemplateImageryProvider({
         // url: "https://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}",
         // url: "http://localhost:3007/tiles/map/{z}/{x}/{y}",
-        url: "./public/static/ditu/{z}/{x}/{y}.png",
+        url: "/static/ditu/{z}/{x}/{y}.png",
         credit: "影像地图",
       });
       imageryProvider.alpha = 0.55; // 透明度

src/views/cesiumComponents/windMap3D.vue

@@ -250,7 +250,7 @@ export default {
       const imageryProvider = await new Cesium.UrlTemplateImageryProvider({
         // url: "https://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}",
         // url: "http://localhost:3007/tiles/map/{z}/{x}/{y}",
-        url: "./public/static/ditu/{z}/{x}/{y}.png",
+        url: "/static/ditu/{z}/{x}/{y}.png",
         credit: "影像地图",
       });
       imageryProvider.alpha = 0.55; // 透明度
@@ -344,7 +344,7 @@ export default {
     async initCesiumTerrain() {
       const terrainProvider = await Cesium.CesiumTerrainProvider.fromUrl(
         // "http://localhost:3007/tiles/dixing",
-        "./public/static/dixing",
+        "/static/dixing",
         {
           requestWaterMask: true, // 如果需要水效果，设置为true
           requestVertexNormals: true, // 如果需要光照效果，设置为true
@@ -371,7 +371,7 @@ export default {
 
       // const imageryProvider = new Cesium.UrlTemplateImageryProvider({
       //   url: "http://localhost:3007/tiles/dixing/{z}/{x}/{y}",
-      //   // url: "./public/static/dixing/{z}/{x}/{y}.terrain",
+      //   // url: "/static/dixing/{z}/{x}/{y}.terrain",
       //   credit: "地形数据",
       // });