feat: 创建了请求的接口

src/App.vue

@@ -7,11 +7,14 @@
 </template>
 
 <script setup>
+import { Session } from '@utils/storage'
+
 const router = useRouter()
 const KeepAliveList = ref([])
 
 router.beforeEach((to, from, next) => {
   const keepAlive = to?.meta?.keepAlive
+  Session.set('token', to.query.token)
 
   if (!router.hasRoute(to.name)) {
     router.push('/home')

src/api/AigcSceneListApi.ts

@@ -0,0 +1,11 @@
+/* eslint-disable */
+// @ts-ignore
+import request from '@common/ajax';
+
+export const getAigcSceneList = (params: any) => {
+  return request({
+    url: '/aigc/aigcSceneList',
+    method: 'get',
+    params,
+  });
+};

src/api/index.ts

@@ -0,0 +1,3 @@
+/* eslint-disable */
+// @ts-ignore
+export * from './AigcSceneListApi';

src/common/ajax.js

@@ -18,7 +18,8 @@ const instance = axios.create({
 
 // 添加拦截器
 instance.interceptors.request.use((config) => {
-  const token = Session.getToken()
+  // const token = Session.getToken()
+  const token = '0ng6bSau9IwBXmyfzgMCARAMdq_fRWg6D07Y9mmjIyZNGVUrmjCjw2s5_7UcYJNB2WBLEESPROkprEEjfD6HP4Lk-W-rPLISjcJPZCLCFJyEZyCoOHN-71m0C7kG7qqz'
   config.headers['Authorization'] = `Bearer ${token}`
 
   // get请求映射params参数

src/views/home/index.vue

@@ -48,11 +48,12 @@
 </template>
 
 <script setup>
-import { ref, computed } from 'vue';
+import { ref, computed, onMounted } from 'vue';
 import { useRouter } from 'vue-router';
 import TopNavBar from '../components/TopNavBar.vue';
 import PhotoGuide from '../components/PhotoGuide.vue';
 import AgreementTip from '../components/AgreementTip.vue';
+import { getAigcSceneList } from '@api';
 
 // --- 测试数据 ---
 const styles = [
@@ -126,6 +127,18 @@ const handleStyleChange = (id) => {
   activeStyleId.value = id;
   activeSceneIndex.value = 0;
 };
+
+// 数据请求
+const fetchSceneList = async () => {
+  // 这里可以替换成真实的 API 请求
+  const response = await getAigcSceneList();
+  // mockData[activeStyleId.value] = response.data.scenes;
+};
+
+onMounted(() => {
+  fetchSceneList();
+});
+
 </script>
 
 <style scoped>

vite.config.js

@@ -20,17 +20,19 @@ export default defineConfig(({ mode }) => {
   return {
     base: isProd ? './' : './', // 是否是生产环境
     build: {
+      target: 'es2020',
       cssCodeSplit: false,
       chunkSizeWarningLimit: 2048,
       sourcemap: isProd
     },
     esbuild: {
+      target: 'es2020',
       drop: isProd ? ['console', 'debugger'] : undefined
     },
     plugins: [
-      legacy({
-        targets: ['defaults', 'not IE 11']
-      }),
+      // legacy({
+      //   targets: ['defaults', 'not IE 11']
+      // }),
       vue(),
       VueSetupExtend(),
       Components({
@@ -43,18 +45,6 @@ export default defineConfig(({ mode }) => {
         // dts: 'src/auto-imports...', // 可以自定义文件生成的位置与是否生成，默认是根目录下
         dts: false
       }),
-      createStyleImportPlugin({
-        resolves: [VantResolve()],
-        libs: [
-          {
-            libraryName: 'vant',
-            esModule: false,
-            resolveStyle: (name) => {
-              return `vant/es/${name}/style`
-            }
-          }
-        ]
-      }),
       viteVConsole({
         entry: [resolve('src/main.js')],
         localEnabled: isVconsole,
@@ -76,14 +66,22 @@ export default defineConfig(({ mode }) => {
       // 设置路径别名
       alias: {
         '@': resolve(__dirname, './src'),
+        '@api': resolve(__dirname, './src/api'),
+        '@common': resolve(__dirname, './src/common'),
+        '@utils': resolve(__dirname, './src/utils'),
         '~': resolve(__dirname, './src/assets')
       }
     },
     server: {
+      proxy: {
+        '/ingress/hotelBiz': {
+          target: 'http://8.138.234.141',
+          changeOrigin: true
+        }
+      },
       hmr: true,
       port: 8080,
       host: true,
-      open: true
     },
     css: {
       // css预处理器