Nuxt3-project

所属分类:前端开发
开发工具:Vue
文件大小:0KB
下载次数:0
上传日期:2023-11-23 06:45:12
上 传 者sh-1993
说明:  nuxt3 vue3 官网系统模板
(Nuxt3 vue3 official website system template)

文件列表:
app.vue (579, 2023-11-22)
assets/ (0, 2023-11-22)
assets/img/ (0, 2023-11-22)
assets/img/34420fe1f5d7b5f3f4cc1ada062b961.png (12245701, 2023-11-22)
assets/img/3c5d33460eff8d4586d2f9ed57a3a1e.png (5286508, 2023-11-22)
assets/img/4faee223e501eefc2f2f88e328bb41e.png (6285434, 2023-11-22)
assets/img/b011a3226a598819635dcb76deb62c7.png (5573853, 2023-11-22)
assets/img/banner1.jpg (149654, 2023-11-22)
assets/img/banner2.jpg (168786, 2023-11-22)
assets/img/banner3.jpg (115272, 2023-11-22)
assets/img/logo.png (1254770, 2023-11-22)
assets/img/logo.svg (3942, 2023-11-22)
components/ (0, 2023-11-22)
components/CardItem.vue (1629, 2023-11-22)
components/Footer.vue (543, 2023-11-22)
components/Header.vue (4967, 2023-11-22)
components/JoinUS.vue (1014, 2023-11-22)
components/Lang.vue (791, 2023-11-22)
components/MenuItem.vue (2106, 2023-11-22)
components/MoreList.vue (1492, 2023-11-22)
components/PreviewCard.vue (1599, 2023-11-22)
components/ProductDetail.vue (1549, 2023-11-22)
components/ShowCard.vue (676, 2023-11-22)
composables/ (0, 2023-11-22)
composables/useHeaderNav.ts (137, 2023-11-22)
i18n/ (0, 2023-11-22)
i18n/en.ts (8125, 2023-11-22)
i18n/zh.ts (7295, 2023-11-22)
layouts/ (0, 2023-11-22)
layouts/default.vue (96, 2023-11-22)
middleware/ (0, 2023-11-22)
middleware/auth.ts (157, 2023-11-22)
middleware/permisson.global.ts (260, 2023-11-22)
middleware/redirect.global.ts (124, 2023-11-22)
nuxt.config.ts (1574, 2023-11-22)
package-lock.json (713099, 2023-11-22)
package.json (612, 2023-11-22)
pages/ (0, 2023-11-22)
... ...

# Nuxt 3 Template 一个使用 nuxt3 完成的官网模板,(由于 nuxt3 的首屏 ssr,可以使官网内容更好的 seo 自带国际化 i18n 内容,仅作参考 由于 nuxt3 自带的 i18n 使用报错,所以用的原始的方法。 图片来源于 https://zhuanlan.zhihu.com/p/370672866 ## Setup 安装依赖并运行项目 ``` # npm npm install npm run dev Start the development server on `http://localhost:3000`: ``` 这里有页面展示 ![Image text](https://github.com/Seven7v/Nuxt3-vue3-project/blob/main/assets/img/34420fe1f5d7b5f3f4cc1ada062b961.png) ![Image text](https://github.com/Seven7v/Nuxt3-vue3-project/blob/main/assets/img/3c5d33460eff8d4586d2f9ed57a3a1e.png) ![Image text](https://github.com/Seven7v/Nuxt3-vue3-project/blob/main/assets/img/4faee223e501eefc2f2f88e328bb41e.png) ![Image text](https://github.com/Seven7v/Nuxt3-vue3-project/blob/main/assets/img/b011a3226a598819635dcb76deb62c7.png) ## build 有关于 nuxt3 部署 一定需要部署在 node 环境下运行。 ``` npm run build // 最后会提示 You can preview this build using node .output/server/index.mjs ``` 可以找到`.output/server/index.mjs` 直接 运行 ``` node .output/server/index.mjs ``` 这样就会默认在本地生成一个 3000 端口的服务器包含了项目全部内容

近期下载者

相关文件


收藏者