打包修复

.env

@@ -1,7 +1,7 @@
 # 所有环境的环境变量（命名必须以 VITE_ 开头）
 
 ## 项目标题
-VITE_APP_TITLE = MobVue
+VITE_APP_TITLE = 微商店
 
 ## 路由模式 hash 或 html5
 VITE_ROUTER_HISTORY = hash

.env.production

@@ -1,7 +1,6 @@
 # 生产环境的环境变量（命名必须以 VITE_ 开头）
 
 ## 后端接口地址（如果解决跨域问题采用 CORS 就需要写绝对路径）
-VITE_BASE_URL = https://apifoxmock.com/m1/2930465-2145633-default/api/v1
-
+VITE_BASE_URL = '/shop-api/api'
 ## 打包构建静态资源公共路径（例如部署到 https://un-pany.github.io/mobvue/ 域名下就需要填写 /mobvue/）
-VITE_PUBLIC_PATH = /mobvue/
+VITE_PUBLIC_PATH = /shop/

.vscode/settings.json

@@ -50,5 +50,9 @@
     "pcss",
     "postcss"
   ],
-  "marscode.chatLanguage": "cn"
+  "marscode.chatLanguage": "cn",
+  "marscode.codeCompletionPro": {
+    "enableCodeCompletionPro": true
+  },
+  "marscode.enableInlineCommand": true
 }

src/common/utils/path.ts

@@ -0,0 +1 @@
+export const publicPath = import.meta.env.BASE_URL

src/pages/product/ProductList.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { publicPath } from "@/common/utils/path"
 import { useCartStore } from "@/pinia/stores/cart"
 import { useProductStore } from "@/pinia/stores/product"
 import { throttle } from "lodash-es"
@@ -118,7 +119,7 @@ function handleCheckout() {
 <template>
   <div class="shop">
     <div class="shop-header" :style="{ height: `${headerHeight}px` }">
-      <van-image src="/c63.jpg" class="shop-cover" fit="cover" />
+      <van-image :src="`${publicPath}c63.jpg`" class="shop-cover" fit="cover" />
     </div>
     <div class="product-container">
       <!-- 左侧分类导航 -->

vite.config.ts

@@ -21,7 +21,8 @@ export default defineConfig(({ mode }) => {
         // @ 符号指向 src 目录
         "@": resolve(__dirname, "src"),
         // @@ 符号指向 src/common 通用目录
-        "@@": resolve(__dirname, "src/common")
+        "@@": resolve(__dirname, "src/common"),
+        "@img": resolve(__dirname, "src/assets/images")
       }
     },
     // 开发环境服务器配置