当前位置:科学 > 正文

Nuxt3+Vue3+Element Plus 后台完整项目前言_环球要闻

2023-06-23 21:47:21  来源:being17


(资料图片)

前言

本文章会比较粗略的介绍什么是Nuxt3,后续我们创建的项目大概会由哪些模块组成,以及各个模块的具体实现。

官网:Nuxt: The Intuitive Web FrameworkNuxt logoNuxt logoNuxt logo

Nuxt 是一个完全开源,容易入门和上手且可扩展的全栈web框架,基于Vue3的语法,主要功能和React的Next框架类似,适用于大型,且需要做SSR和SEO的项目。

项目介绍

本次整个项目涉及到的主要核心模块和第三包工具如下:

Nuxt3 全家桶(pages/components/composables/layouts/middleware/modules/pages/plugins/servers/stores/utils)项目环境变量配置(开发,测试,灰度,生产)VueUse | VueUseGitHubDiscordTwitterGitHubDiscordTwitterI18n module for Nuxt · @nuxtjs/i18nIntroduction · sidebase (nuxt-auth)Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.Getting Started · Nuxt ImageElement-plus Module · NuxtNuxt logoNuxt logoNuxt logoNuxt logoDocumentation · Nuxt Color Mode如何自定义Proxy 代理,Nuxt开启Proxy代理的几种方式如何使用sidebase(和next-auth,nuxt-auth类似)定制授权鉴权逻辑规则Nuxt 实现接口请求的几种方式,如何接入带有服务端session验证的其他域名的API服务使用typescript分装自己的全局API请求,如何全局托管,拦截API并更具返回码做对应的操作。Pinia ,等其他依赖包,如何实现状态管理系统权限配置,如何根据服务端Api逻辑去定制自己的web路由权限简单的后台登录系统,以及包含多级路由的菜单(Nested Routes)主题定制(默认模式和黑夜模式)国际化,多语言配置如何打包自己的项目,并成功部署到生产环境访问等等。

下面是目前出版的首页截图



目前先大致介绍该系统的组要模块,下篇文章将会带你踏入Nuxt世界的第一步!如何使用Nuxt构建一个维护性强,功能强大的项目[笑],有兴趣的伙伴可以点个关注,一起交流学习。

关键词:

推荐阅读

域名抢注是是什么意思?投资角度来看什么域名好?

域名抢注是是什么意思域名抢注是通过抢先注册的方式获得互联网删除的域名的使用权。域名是由点分隔的一串数字,用于标记一台计算机或一组计 【详细】

捷达保养费用是多少?捷达是哪个国家的品牌?

捷达保养费用是多少?全新捷达的保修期为2年或6万公里,以先到者为准,新车可享受一次免费保养,首次免费保养在5000-7500km或1年内进行。如 【详细】

天然气泄露会造成爆炸吗?天然气泄漏怎么办?

天然气泄露会造成爆炸吗?家里用的天然气如果泄露是会发生爆炸的。当空气中含有混合天然气时,在与火源接触的一系列爆炸危险中,就会发生爆 【详细】

四部门明确App收集个人信息范围 个人信息保护范围判断标准

四部门明确App收集个人信息范围近日,国家互联网信息办公室、工业和信息化部、公安部、国家市场监督管理总局联合印发《常见类型移动互联网 【详细】

丰田致炫介绍 致炫威驰对比汇总

丰田致炫介绍参考价格: 6 88ー10 28W,基本参数: 1 3升 1 5升 5mt,5 3升 100公里。YARiS L致炫是YARiS L的替代传统车型,也是我们中国 【详细】

关于我们  |  联系方式  |  免责条款  |  招聘信息  |  广告服务  |  帮助中心

联系我们:85 572 98@qq.com备案号:粤ICP备18023326号-40

科技资讯网 版权所有