修改首页对应的详情页找不到问题

pages/index.vue

@@ -97,7 +97,7 @@
               <li v-for="item in kaoshiLiArray">
                 <div class="demand-content-box"></div>
                 <div class="demand-mask-box">
-                  <h4>{{item.demandTitle}}<a :href="item.demandHref"><span>了解详情</span><i></i></a></h4>
+                  <h4>{{item.demandTitle}}<a :href="`${baseUrl}/industrydetails/${item.demandHref}`"><span>了解详情</span><i></i></a></h4>
                   <p>{{item.demandText}}</p>
                   <div class="demand-icon-box">
                     <a v-for="item2 in item.demandLinkBox" :href="item2.href"><img :src="item2.img" alt="客户案例"></a>
@@ -112,7 +112,7 @@
               <li v-for="item in peixunLiArray">
                 <div class="demand-content-box"></div>
                 <div class="demand-mask-box">
-                  <h4>{{item.demandTitle}}<a :href="item.demandHref"><span>了解详情</span><i></i></a></h4>
+                  <h4>{{item.demandTitle}}<a :href="`${baseUrl}/industrydetails/${item.demandHref}`"><span>了解详情</span><i></i></a></h4>
                   <p>{{item.demandText}}</p>
                   <div class="demand-icon-box">
                     <a v-for="item2 in item.demandLinkBox" :href="item2.href"><img :src="item2.img" alt="客户案例"></a>
@@ -309,7 +309,7 @@
         kaoshiLiArray: [
           {
             demandTitle:'政府机构',
-            demandHref:  this.getBaseUrl+ '/industrydetails/government',
+            demandHref:  'government',
             demandText:    '无论是国企还是私企，每年都要举行年度考核、党建考核等各种不同形式的考试。而传统考试方式，从出题、组卷、印刷，到安排场地、试卷分发等，成本较高，不能完全适应现代企业管理模式。',
             demandLinkBox: [
               {
@@ -324,7 +324,7 @@
           },
           {
             demandTitle:'信息产业',
-            demandHref:    this.getBaseUrl+ '/industrydetails/information',
+            demandHref:  'information',
             demandText:    '近年来我国互联网继续保持增长态势，网络产业已经从过去的吸引眼球上逐渐转向以“盈利”为中心。如网络游戏、网上交易、网络广告、网络教育、网络短信等，新兴应用层出不穷，将推动产业融合发展和转型升级。',
             demandLinkBox: [
               {
@@ -339,7 +339,7 @@
           },
           {
             demandTitle:'能源化工',
-            demandHref:     this.getBaseUrl+ '/industrydetails/energy',
+            demandHref:  'energy',
             demandText:    '信息化在社会的各行各业迅速发展，在石油、石化和煤炭等大型国有企业中要以信息化带动工业化、自动化，应用信息技术改造提升能源企业，加快企业信息化进程，提高信息技术应用水平。',
             demandLinkBox: [
               {
@@ -362,7 +362,7 @@
           },
           {
             demandTitle:'金融保险',
-            demandHref:   this.getBaseUrl+ '/industrydetails/finance',
+            demandHref:  'finance',
             demandText:    '金融无处不在并已形成一个庞大体系，金融学涉及的范畴、分支和内容非常广，对员工的知识储备要求较高，相对的考核难度也较大。所以金融保险业更需要考核数据来作为依据，帮助提升业务能力。',
             demandLinkBox: [
               {
@@ -377,7 +377,7 @@
           },
           {
             demandTitle:'交通运输',
-            demandHref:    this.getBaseUrl+ '/industrydetails/traffic',
+            demandHref:  'traffic',
             demandText:    '由于交通行业以技术先行，企业越来越需要具有扎实的汽车运用技术、交通运输系统规划与管理、物流系统工程等方面专业知识，并能独立从事汽车运用与管理的复合型高级工程技术人才，人才的培养格外重要。',
             demandLinkBox: [
               {
@@ -396,7 +396,7 @@
           },
           {
             demandTitle:'教育培训',
-            demandHref:    this.getBaseUrl+ '/industrydetails/education',
+            demandHref:  'education',
             demandText:    '教培行业存在的教师教学水平参差不齐，教学质量难以提升等问题，麦塔不仅是考试出题软件，还是在线教学考试系统，非常适合培训机构前期营销获客以及后期模拟考试的场景。',
             demandLinkBox: [
               {
@@ -417,7 +417,7 @@
         peixunLiArray: [
           {
             demandTitle:'食品餐饮',
-            demandHref:   this.getBaseUrl+ '/industrydetails/restaurant',
+            demandHref:  'restaurant',
             demandText:    '随着社会经济的不断发展，餐饮文化的传播将越来越国际化和市场化。如何应对蓬勃发展的餐饮形势，不仅只是餐饮企业所面对的问题，同时也是烹饪教育应该思考的问题。',
             demandLinkBox: [
               {
@@ -432,7 +432,7 @@
           },
           {
             demandTitle:'教育培训',
-            demandHref:    this.getBaseUrl+ '/industrydetails/education',
+            demandHref:  'education',
             demandText:    '教培行业存在的教师教学水平参差不齐，教学质量难以提升等问题，麦塔不仅是考试出题软件，还是在线教学考试系统，非常适合培训机构前期营销获客以及后期模拟考试的场景。',
             demandLinkBox: [
               {
@@ -447,7 +447,7 @@
           },
           {
             demandTitle:'医疗行业',
-            demandHref:    this.getBaseUrl+ '/industrydetails/medical',
+            demandHref:  'medical',
             demandText:    '医学类考试种类繁多，全国各级医学教育机构，如医学院，卫校，护校的本科，研究生，大中专教育培训考试等，一些医学高等院校的附属医院同时还有本科，研究生在校生的教学考试工作等。',
             demandLinkBox: [
               {
@@ -462,7 +462,7 @@
           },
           {
             demandTitle:'政府机构',
-            demandHref:  this.getBaseUrl+ '/industrydetails/government',
+            demandHref:  'government',
             demandText:    '无论是国企还是私企，每年都要举行年度考核、党建考核等各种不同形式的考试。而传统考试方式，从出题、组卷、印刷，到安排场地、试卷分发等，成本较高，不能完全适应现代企业管理模式。',
             demandLinkBox: [
               {
@@ -477,7 +477,7 @@
           },
           {
             demandTitle:'能源化工',
-            demandHref:     this.getBaseUrl+ '/industrydetails/energy',
+            demandHref:  'energy',
             demandText:    '信息化在社会的各行各业迅速发展，在石油、石化和煤炭等大型国有企业中要以信息化带动工业化、自动化，应用信息技术改造提升能源企业，加快企业信息化进程，提高信息技术应用水平。',
             demandLinkBox: [
               {