liveh5-nuxt/nuxt.config.js
xingyy 7dfda1a3d3 feat(service): 添加自定义请求模块并优化认证逻辑
- 新增 request 目录,实现自定义请求类和拦截器
- 添加全局状态管理,用于存储认证信息
- 优化 token 刷新逻辑,提高请求安全性
- 移除不必要的 console.log 语句- 更新项目依赖,添加 axios库
2025-01-16 11:48:12 +08:00

154 lines
3.6 KiB
JavaScript

import dotenv from 'dotenv'
import process from 'node:process'
import preload from './app/utils/preload'
import { currentLocales } from './i18n/i18n'
const envFile = process.env.ENV_FILE || '.env.test'
dotenv.config({ path: `./env/${envFile}` })
const publicConfig = Object.entries(process.env)
.filter(([key]) => key.startsWith('NUXT_PUBLIC_'))
.reduce((config, [key, value]) => {
config[key] = value
return config
}, {})
export default defineNuxtConfig({
hooks: {
'pages:extend'(pages) {
const indexPage = pages.findIndex(page => page.path === '/')
if (indexPage !== -1) {
pages.splice(indexPage, 1)
}
pages.push({
name: 'home',
path: '/',
file: '~/pages/home/index.vue'
})
}
},
modules: [
'@vant/nuxt',
'@unocss/nuxt',
'@nuxtjs/color-mode',
'@nuxtjs/i18n',
],
runtimeConfig: {
// 私有配置,只有在服务端可用
apiSecret: process.env.NUXT_API_SECRET || 'default_secret',
// 公共配置,客户端和服务端都可用
public: publicConfig,
},
css: [
'@unocss/reset/tailwind.css',
'./app/styles/vars.css',
'./app/styles/global.css',
'./app/styles/default-theme.css',
],
postcss: {
plugins: {
'autoprefixer': {},
// https://github.com/wswmsword/postcss-mobile-forever
'postcss-mobile-forever': {
appSelector: '#__nuxt',
viewportWidth: 375,
maxDisplayWidth: 600,
// devtools excluded
exclude: /@nuxt/,
border: true,
rootContainingBlockSelectorList: [
'van-tabbar',
'van-popup',
],
},
},
},
colorMode: {
classSuffix: '',
preference: 'system',
fallback: 'light',
storageKey: 'nuxt-color-mode',
},
i18n: {
locales: currentLocales,
lazy: true,
strategy: 'no_prefix',
detectBrowserLanguage: {
useCookie: true,
cookieKey: 'i18n_redirected',
redirectOn: 'root',
alwaysRedirect: true,
fallbackLocale: 'zh-CN'
},
langDir: 'locales',
defaultLocale: 'zh-CN',
vueI18n: './i18n/i18n.config.ts',
},
app: {
pageTransition: {
name: 'page',
mode: 'out-in',
},
head: {
viewport: 'width=device-width,initial-scale=1,viewport-fit=cover',
link: [
{ rel: 'icon', href: '/favicon.ico', sizes: 'any' },
],
meta: [
{ name: 'viewport', content: 'width=device-width, initial-scale=1, viewport-fit=cover,user-scalable=no' },
{ name: 'apple-mobile-web-app-capable', content: 'yes' },
{ name: 'apple-mobile-web-app-status-bar-style', content: 'black-translucent' },
{ name: 'theme-color', media: '(prefers-color-scheme: light)', content: '#ffffff' },
{ name: 'theme-color', media: '(prefers-color-scheme: dark)', content: '#222222' },
],
script: [
{ innerHTML: preload(), type: 'text/javascript', tagPosition: 'head' },
],
},
},
vite: {
build: {
target: 'esnext',
},
optimizeDeps: {
include: [
'@intlify/core-base',
'@intlify/shared',
'is-https',
],
},
},
experimental: {
typedPages: true,
},
devtools: {
enabled: true,
},
typescript: {
shim: false,
},
features: {
// For UnoCSS
inlineStyles: false,
},
future: {
compatibilityVersion: 4,
},
// 指定 Nuxt 应用程序的兼容性日期,确保应用程序在未来的 Nuxt 版本中保持稳定性
compatibilityDate: '2025-01-09',
devServer: {
host: '0.0.0.0', // Set the host to 'localhost'
port: 3000, // Set the port to 3000 or any other port you prefer
},
})