打包后替换背景图

FTT.Board.VueUI/build/webpack.base.conf.js

@@ -49,7 +49,8 @@ module.exports = {
         loader: 'url-loader',
         options: {
           limit: 10000,
-          name: utils.assetsPath('img/[name].[hash:7].[ext]')
+          // name: utils.assetsPath('img/[name].[hash:7].[ext]')
+          name: utils.assetsPath('img/[name].[ext]')
         }
       },
       {

FTT.Board.VueUI/src/views/board/workShopList/ViewSC3.vue

@@ -2,10 +2,7 @@
   <div class="con">
     <div class="left">
       <img class="img" src="./logo2.png" />
-      <ViewSCCom
-        :ID="FactoryWorkShopTeamID1"
-        style="margin-right: -1px"
-      ></ViewSCCom>
+      <ViewSCCom :ID="FactoryWorkShopTeamID1" style="margin-right: -1px"></ViewSCCom>
     </div>
     <div class="right">
       <ViewSCCom :ID="FactoryWorkShopTeamID2"></ViewSCCom>
@@ -27,10 +24,13 @@
 import qs from "qs";
 import Axios from "@/function/axios.js";
 import ViewSCCom from "./ViewSCCom3.vue";
+import { backgroundColor } from "echarts/lib/theme/dark";
+
 export default {
   components: { ViewSCCom },
   data() {
     return {
+      imgUrl: require("../../../../static/backgroundImg.jpg"),
       FactoryWorkShopTeamID1: "",
       FactoryWorkShopTeamID2: "",
       date: new Date(),
@@ -95,21 +95,27 @@ export default {
   display: flex;
   justify-content: space-between;
   color: black;
-  // background-image: url('./back.jpg');
-  background: url("./back.jpg") no-repeat center 0;
+  background-image: url('../../../../static/backgroundImg.jpg');
+  // background: url(`${imgUrl}`) no-repeat center 0;
+  background-repeat: no-repeat;
+  background-position: center;
     /* 缩放背景图 */
   background-size: cover;
+
   .img {
     position: absolute;
     height: 5vh;
     top: 5px;
   }
+
   .date {
     display: flex;
     align-items: center;
+
     .img1 {
       height: 5vh;
     }
+
     position: absolute;
     top: calc(3vh - 25px);
     font-size: 20px;