ct/app/pages/index.vue

<script lang="ts" setup>
import {useHead} from "#app";
import {pageConfig} from "~/data/indexData";

// 使用 Nuxt 3 的 useHead 来管理头部资源
useHead({
  link: [
    {rel: 'stylesheet', href: '/css/bootstrap.min.css'},
    {rel: 'stylesheet', href: '/css/main2.css'},
    {rel: 'stylesheet', href: '/css/main.css'},
    {rel: 'stylesheet', href: '/css/yuxi2019.css'},
    {rel: 'shortcut icon', href: pageConfig.favicon}
  ],
  script: [

    {src: '/js/index.js'},
    {src: '/js/gopcOm.js'},
    {
      innerHTML: `
        var _hmt = _hmt || [];
        (function() {
          var protocol = window.location.protocol === 'https:' ? 'https://' : 'http://';
          var hm = document.createElement("script");
          hm.src = protocol + "hm.baidu.com/h.js?${pageConfig.baiduAnalytics}";
          var s = document.getElementsByTagName("script")[0]; 
          s.parentNode.insertBefore(hm, s);
        })();
      `
    }
  ]
})
</script>

<template>
  <div>
    <!-- 使用正确的导航组件 -->


    <!--    <YuxiCarousel/>-->
    <!--    <IndexCarousel/>-->
    <Index/>

    <!--    &lt;!&ndash;  s&ndash;&gt;-->
    <!--    <IndexItem2/>-->
    <!--    <IndexItem3/>-->
    <!--    <IndexItem4/>-->
    <!--    <IndexItem5/>-->
  </div>
</template>

<style scoped>

</style>