自己机器上测试本地化部署

.env.local

@@ -3,15 +3,15 @@ NODE_ENV=production
 PUBLIC_PATH=/YHTM/
 ORIGIN=
 # 三维场景sdk链接
-VUE_APP_SWKK_SDK_PATH=${ORIGIN}/YHT/Swkk/sdk/
+VUE_APP_SWKK_SDK_PATH=${ORIGIN}${PUBLIC_PATH}sdk/
 # 三维场景里热点数据的链接
 VUE_APP_SWKK_PATH=${ORIGIN}/YHT/Swkk/hotData/
 # 三维场景里热点中视频、音频类型的链接
-VUE_APP_SWKK_HOTSPOT_VIDEO_AUDIO_PATH=${ORIGIN}/YHT/Swkk/scene_view_data/
+VUE_APP_SWKK_HOTSPOT_VIDEO_AUDIO_PATH=${ORIGIN}${PUBLIC_PATH}scene_view_data/
 # 全景图xml文件链接
 VUE_APP_QJKK_XML_FILE_PATH=${ORIGIN}/YHT/Qjkk/local/pano/
 # 文物赏析里文物三维模型链接   本地pc版是404，所以待定！！！
-VUE_APP_RELICS_MODEL_PATH=/
+VUE_APP_RELICS_MODEL_PATH=${ORIGIN}/
 # 文物赏析里2维文物图片、3维文物封面图片链接
 VUE_APP_CDN_PATH=${ORIGIN}/YHT/goodsData/
 # 全景图someData.json文件链接（完整）

.env.local-test

@@ -0,0 +1,26 @@
+CLI_MODE=local
+NODE_ENV=production
+PUBLIC_PATH=/
+ORIGIN=http://yuhuatai.4dage.com
+# 三维场景sdk链接
+VUE_APP_SWKK_SDK_PATH=${PUBLIC_PATH}sdk/
+# 三维场景里热点数据的链接
+VUE_APP_SWKK_PATH=${ORIGIN}/YHT/Swkk/hotData/
+# 三维场景里热点中视频、音频类型的链接
+VUE_APP_SWKK_HOTSPOT_VIDEO_AUDIO_PATH=${PUBLIC_PATH}scene_view_data/
+# 全景图xml文件链接
+VUE_APP_QJKK_XML_FILE_PATH=${ORIGIN}/YHT/Qjkk/local/pano/
+# 文物赏析里文物三维模型链接
+VUE_APP_RELICS_MODEL_PATH=http://4dscene.4dage.com/culturalrelics/
+# 文物赏析里2维文物图片、3维文物封面图片链接
+VUE_APP_CDN_PATH=${ORIGIN}/YHT/goodsData/
+# 全景图someData.json文件链接（完整）
+VUE_APP_CDN_PATH_QJKK_SOME_DATA=${ORIGIN}/YHT/Qjkk/local/WK1578926366500417536/someData.json
+# 全景图啥玩意儿的路径
+VUE_APP_CDN_PATH_QJKK_DESC=${ORIGIN}/YHT/Qjkk/data/
+# 本网站移动端首页链接
+VUE_APP_MOBILE_URL=${ORIGIN}/YHTM/index.html
+# 本网站PC端首页链接
+VUE_APP_PC_URL=${ORIGIN}/YHT/index.html
+# 本网站PC端单纯文物鉴赏版本首页链接
+VUE_APP_PC_URL_ONLY_RELICS=${ORIGIN}/YHT/index.html#/lookGoods

package.json

@@ -7,6 +7,7 @@
     "build-test": "vue-cli-service build --mode test",
     "build-prod": "vue-cli-service build --mode prod",
     "build-local": "vue-cli-service build --mode local",
+    "build-local-test": "vue-cli-service build --mode local-test",
     "build": "vue-cli-service build",
     "lint": "vue-cli-service lint"
   },

src/components/HotspotDetail.vue

@@ -44,7 +44,7 @@
           >
             <video
               ref="video"
-              :src="`${VUE_APP_SWKK_HOTSPOT_VIDEO_AUDIO_PATH}${sceneCode}/user/${item.url}`"
+              :src="`${$swkkHotspotVideoAudioPath}${sceneCode}/user/${item.url}`"
               controls
               controlslist="nodownload"
               disablePictureInPicture
@@ -100,7 +100,7 @@
             ref="audio-comp"
             :key="index"
             class="audio-custom swiper-slide"
-            :audio-src="`${VUE_APP_SWKK_HOTSPOT_VIDEO_AUDIO_PATH}${sceneCode}/user/${item.url}`"
+            :audio-src="`${$swkkHotspotVideoAudioPath}${sceneCode}/user/${item.url}`"
           />
         </div>
         <div class="swiper-pagination">

src/main.js

@@ -41,6 +41,7 @@ if (uaInfo.device.type !== 'mobile' && window.innerWidth > window.innerHeight) {
 
 Vue.prototype.$globalConfig = globalConfig
 Vue.prototype.$cdnPath = process.env.VUE_APP_CDN_PATH
+Vue.prototype.$swkkHotspotVideoAudioPath = process.env.VUE_APP_SWKK_HOTSPOT_VIDEO_AUDIO_PATH
 Vue.prototype.$msgCenter = new MessageCenter()
 
 const idealWindowInnerWidth = 1125 // 设计稿的宽度