Skip to content

🚀 Template Request:Nuxt Is there any provision for nuxt? #756

@lmq352489099

Description

@lmq352489099

Describe the stack

It seems that the Nuxt framework has been deployed, but it didn't succeed. Could you please tell me if there are any templates that I can refer to?
package.json

{
  "name": "nuxt-app",
  "private": true,
  "type": "module",
  "scripts": {
    "build": "nuxt build",
    "dev": "nuxt dev --dotenv .env.dev",
    "fat": "nuxt dev --dotenv .env.fat --host ",
    "prod": "nuxt dev --dotenv .env.prod",
    "build:fat": "nuxt build --dotenv .env.fat",
    "build:prod": "nuxt build --dotenv .env.prod",
    "generate": "nuxt generate",
    "preview": "nuxt preview",
    "postinstall": "nuxt prepare"
  },
  "dependencies": {
    "@alova/adapter-axios": "^2.0.16",
    "@element-plus/icons-vue": "^2.3.1",
    "@element-plus/nuxt": "^1.1.2",
    "@fingerprintjs/fingerprintjs": "^4.6.2",
    "@googlemaps/js-api-loader": "^1.16.10",
    "@iconify/utils": "^2.3.0",
    "@nuxt/eslint": "^1.4.1",
    "@nuxt/fonts": "^0.11.4",
    "@nuxt/icon": "^1.13.0",
    "@nuxt/image": "^1.10.0",
    "@nuxtjs/sitemap": "^7.4.3",
    "@pinia/nuxt": "^0.11.0",
    "@sapphire/snowflake": "^3.5.5",
    "@types/big.js": "^6.2.2",
    "@unocss/nuxt": "^66.1.2",
    "@vue/shared": "^3.5.16",
    "@vueuse/core": "^13.3.0",
    "alova": "^3.3.3",
    "axios": "^1.10.0",
    "big.js": "^6.2.2",
    "crypto-js": "^4.2.0",
    "element-plus": "^2.9.11",
    "eslint": "^9.27.0",
    "ipx": "^3.0.3",
    "nuxt": "^3.17.4",
    "pinia": "^3.0.2",
    "qrcode": "^1.5.4",
    "qrcode.vue": "^3.6.0",
    "scss": "^0.2.4",
    "tslib": "^2.8.1",
    "unocss": "^66.1.2",
    "vite-plugin-svg-icons": "^2.0.1",
    "vue": "^3.5.14",
    "vue-router": "^4.5.1",
    "weixin-js-sdk": "^1.6.5"
  },
  "devDependencies": {
    "sass-embedded": "^1.89.0"
  }
}

nuxt.config.ts

  nitro: {
    minify: true,
    // preset: 'node-server',
    compressPublicAssets: true,
    devProxy: {
      // '/wf-classify-web': {
      //   target: process.env.VITE_APP_BASE_URL + '/wf-classify-web',
      //   changeOrigin: true,
      //   prependPath: true
      // }
    },
    // output: {
    //   dir: resolve(__dirname, 'app'),
    // }
    // ...
    preset: 'cloudflare_module', // 預設為 node-server
    cloudflare: {
      deployConfig: true,
      nodeCompat: true
    }
  },

wrangler.toml

name = "ithome2023-nuxt-app"
main = ".output/server/index.mjs"
workers_dev = true
compatibility_date = "2025-05-16"

[assets]
binding = "ASSETS"
directory = ".output/public"

wrangler deploy

The prompt has been set up, but the display on my page is not normal.

https://15b49079-ithome2023-nuxt-app.us168k.workers.dev/

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions