web/nuxt.config.ts

import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'
import path from 'path'
// https://nuxt.com/docs/api/configuration/nuxt-config

export default defineNuxtConfig({
  ssr: true,
  app: {
    head: {
      title: '百谏方略',//网站地址栏位置的标题
      meta: [
        { charset: 'utf-8' },
        { name: 'viewport', content: 'width=device-width, initial-scale=1' },
        { name: 'format-detection', content: 'telephone=yes' },//添加移动端调用手机拨号功能
        { name: 'viewport', content: 'width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0' }
      ],
      link: [
        // { rel: "resource", type: "application/110n", href: "/_nuxt/viewer.properties" }
      ],
      // <script type="text/javascript" src="/static/js/wow.js"></script>
      script: [
        // { type: 'text/javascript', src: "https://webapi.amap.com/maps?v=2.0&key=4784a307149172798267bd43856ba7b9" },
        // { type: 'text/javascript', src: "wow.js" },
      ]
    },
  },
  nitro: {
    // 代理
    devProxy: {
      '/api': {
        target: 'https://www.dirmarketresearch.com/api',
        // target: 'http://192.168.0.70:8980/js/a/api',
        // target: 'http://192.168.0.132//js/a/api',
        changeOrigin: true,
        prependPath: true,
        secure: false,
      },
    },
  },
  runtimeConfig: {
    // apiSecret 只能在服务器端上访问
    // apiSecret: '123',
    // public 命名空间中定义的，在服务器端和客户端都可以普遍访问
    public: {
      apiBase: process.env.NUXT_PUBLIC_API_BASE,
      baseUrl: process.env.NUXT_PUBLIC_API_BASEURL
    }
  },
  devtools: { enabled: true },
  devServer: {
    host: "0.0.0.0"
  },
  plugins: [
    { src: './public/wow.js', mode: 'client' },
    // { src: './public/myWow.js', mode: 'client' },
    '~/plugins/pinia.js',
  ],
  css: [
    '@/assets/css/root.scss',
    // 直接加载一个 Node.js 模块。（在这里它是一个 Sass 文件）
    //   'bulma',
    // 项目里要使用的 SCSS 文件
    '@/assets/css/common.scss',
    // 'animate.css',
    // '@/assets/styles/animate.css',
    'github-markdown-css/github-markdown.css'
  ],

  modules: ["nuxtjs-naive-ui", '@nuxtjs/i18n', '@pinia/nuxt'],
  i18n: {
    locales: ['en', 'zh'],
    defaultLocale: 'en',
    vueI18n: './lang/i18n.ts',
    customRoutes: 'config',
    // parsePages: false,
    strategy: 'prefix_except_default',
    detectBrowserLanguage: false, // 禁用浏览器检测
    pages: {
      // 'news/index': {
      //   en: '/en/news-categories/:activeIndustryType?/:keyword?',
      //   zh: '/news-categories/:activeIndustryType?/:keyword?'
      // },
      'report-industries/detail': {
        zh: '/reports/[webTitle]',
        en: '/reports/[webTitle]'
      },
      'news-categories/detail': {
        zh: '/news/[webTitle]',
        en: '/news/[webTitle]'
      },
      'contact/index': {
        zh: '/contactUs',
        en: '/contactUs'
      }
    }
  },
  vite: {
    plugins: [
      AutoImport({
        imports: [
          {
            'naive-ui': [
              'NCarousel',
            ]
          }
        ]
      }),
      Components({
        resolvers: [NaiveUiResolver()]
      })
    ],
  },
  build: {
    transpile:
      process.env.NODE_ENV === 'production'
        ? [
          'naive-ui',
          'vueuc',
          '@css-render/vue3-ssr',
          '@juggle/resize-observer'
        ]
        : ['@juggle/resize-observer'],
  },
  compatibilityDate: '2025-02-20'
})