修改路由

src/views/model/companyIntroduction.vue

@@ -9,8 +9,11 @@
         澳柯玛是全球领先的制冷家电和全冷链产品设备制造企业，建有国家级企业技术中心、国家级工业设计中心和智能制造互联工厂，产品销往世界100多个国家和地区，多年入选<span class="redSpan" >中国制造业500强</span>、<span class="redSpan" >中国轻工业百强</span>，是<span class="redSpan" >亚洲品牌500强</span>、<span class="redSpan" >中国500最具价值品牌企业</span>。
       </p>
       </div>
-    <div class="img1"><img src="../../assets/model/companyIntroduction/img1.png" alt="" style="width:100%"></div>
+    <div class="img1"><img src="../../assets/model/companyIntroduction/img1.png" alt="" style="object-fit: contain;height: 100%;position: absolute;right: 0;"></div>
-    <div class="img2"><img src="../../assets/model/companyIntroduction/img2.png" alt="" style="width:100%"></div>
+    <div class="img2"><img src="../../assets/model/companyIntroduction/img2.png" alt="" style="height:100%"></div>
+    <div class="img3"><img src="../../assets/model/companyIntroduction/img3.png" alt="" style="height:100%"></div>
+    <div class="img4"><img src="../../assets/model/companyIntroduction/img4.png" alt="" style="height:100%"></div>
+    <div class="img5"><img src="../../assets/model/companyIntroduction/img5.png" alt="" style="height:100%"></div>
 
     <div class="exit" @click="exitFun"></div>
   </div>
@@ -77,10 +80,10 @@ export default {
   position: absolute;
   top: 17%;
   left: 4%;
-  width: 54%;
+  width: calc(92% - 50vh / 552 * 765);
   height: 43%;
   color: #0d2765;
-  font-size: 1.9vw;
+  font-size: 1.8vw;
   font-weight: bold;
 
   p{
@@ -98,18 +101,37 @@ export default {
   position: absolute;
   top: 17%;
   right: 4%;
-  width: 36vw;
+  height: 50vh;
-  max-width: 691px;
+  max-height: 50vh;
-  max-height: 498.5px;
+  aspect-ratio: 765/552;
 
 }
 .img2{
   position: absolute;
   transform: translateX(-50%);
-  top: 61%;
+  bottom: 1%;
   left: 20%;
-  width: 15vw;
+  height: 35vh;
-  max-width: 288px;
+}
-  max-height: 327.5px;
+.img3{
+  position: absolute;
+  transform: translateX(-50%);
+  bottom: 1%;
+  left: 40%;
+  height: 35vh;
+}
+.img4{
+  position: absolute;
+  transform: translateX(-50%);
+  bottom: 1%;
+  left: 60%;
+  height: 35vh;
+}
+.img5{
+  position: absolute;
+  transform: translateX(-50%);
+  bottom: 1%;
+  left: 80%;
+  height: 35vh;
 }
 </style>

vue.config.js

@@ -36,7 +36,8 @@ module.exports = {
       // detail: https://cli.vuejs.org/config/#devserver-proxy
       [process.env.VUE_APP_BASE_API]: {
         // target: `http://10.11.43.2:8080`,
-        target: `http://localhost:8080`,
+        target: `http://10.100.72.10:8080`,
+        // target: `http://localhost:8080`,
         // target: `http://localhost:6061`,
         changeOrigin: true,
         pathRewrite: {