- 综合排序
- 最热优先
- 最新优先
- 来自专栏前端精读评论
精读《Nuxtjs》
nuxt 与 next 结构很像，可以结合在一起看 视频介绍了 NuxtJs 的安装、目录结构、页面路由、导航模版、asyncData、meta、vueX。 Nuxtjs 等框架要做的就是定义支持现代大型项目的前端研发标准，这个规范具有网络效应，即用的人越多，价值越大。 接下来我们进入正题，看看 Nuxt 脚手架定义了怎样的开发规范。 3 精读 Nuxtjs 框架做了几件事情： 统一执行命令。 统一开发框架。 统一目录与代码规范。 内置公共 utils 函数。 Nuxtjs 等前端开发框架统一执行命令就是为了解决这个问题，统一开发者习惯需要很长的时间周期，但这个趋势不可挡。 前端开发框架要解决的最重要问题也是这一点，无论如何只能选择一种开发框架，Nuxtjs 选择了 Vue，Nextjs 选择了 React。
2.3K20编辑于 2022-03-14 - 来自专栏Article
NuxtJs 3.x 实战记录
By Noxxxx from https://www.noxxxx.com/?post_type=post&p=2104 欢迎分享与聚合，尊重版权，可以联系授权 WindiCSS 如果使用
32930编辑于 2022-11-12 - 来自专栏前端自习课
【Nuxtjs】431- 简述Nuxt.js
简单说nuxtjs项目，它其实就是一个vue的项目融合一个node.js server项目，这里node服务有两个作用，第一点是代替浏览器的工作,笼统理解就是在created时的请求数据和页面渲染，第二点是当作静态文件服务器 下面是实现，先来说说接口缓存：1.如何接口获取的数据存入redis 在nuxt.config.js中，我们在modules配置中加入@nuxtjs/axios，这是nuxtjs自带的，然后编写一个叫axios.server.js
3.1K10发布于 2019-12-12 - 来自专栏web前端教室
【免费视频教程】NuxtJs框架-安装与介绍
【1】、nuxtJs的安装 【2】、nuxtJs的路由 今天咱们来学习一下，SSR（服务器端渲染）的nuxt.js框架 <!
2.5K30发布于 2019-08-26 - 来自专栏LaravelCode
Laradock 运行 Nuxt 的一些问题
proxy_connect_timeout 1m; proxy_pass http://nuxtjs :9999; # Nuxt 服务 } } 新建 nuxtjs 容器 ### nuxtjs ################################################## ##### nuxtjs: build: context: . 创建 Dokerfile 文件，并写入如下代码： ######## # THIS FILE IS INSIDE YOUR NUXTJS APPLICATION ROOT DIR #### FROM node build nuxtjs 进入 nuxtjs 容器运行 Nuxt 服务 docker-compose exec nuxtjs bash # 运行 Nuxt 服务 0.0.0.0:9999 npm
1.2K40发布于 2020-08-25 - 来自专栏一路向前端
Nuxt使用axios跨域问题解决方法
解决跨域 Nuxt 使用 axios 为避免出现前端页面跨域问题，需要安装 @nuxtjs/axios 和 @nuxtjs/proxy 两个模块。 用 yarn 安装： yarn add axios @nuxtjs/axios @nuxtjs/proxy 使用 npm 安装： npm install axios @nuxtjs/axios @nuxtjs /proxy 注意：不需要手动注册 @nuxtjs/proxy 模块，但是必须要确保它在依赖项中。 安装完成后在 nuxt.config.js 文件里面添加以下配置： module.exports = { /* ** Nuxt.js modules */ modules: ["@nuxtjs proxy: { "/api": "http://localhost:3000" }, /* ** Build configuration ** See https://nuxtjs.org
5.6K30发布于 2020-07-06 - 来自专栏caidblog
wordpress自动生成站点地图sitemap.xml教程
安装依赖 yarn add @nuxtjs/sitemap axios 或者 npm i @nuxtjs/sitemap npm install axios 2. 添加代码： const axios = require('axios'); 2.2 在module里边添加依赖（原有的别删除，注意除了最后一项外前面每一行依赖后面有逗号）： modules: [ '@nuxtjs /axios', '@nuxtjs/sitemap' ], 3.
2.6K20编辑于 2023-07-21 - 来自专栏Nuxt.js 实战系列
Nuxt3 实战 (八)：优雅的实现暗黑主题模式
具体使用 1、安装 @nuxtjs/color-mode 依赖： pnpm add @nuxtjs/color-mode -D 2、打开 nuxt.config.ts 配置文件注入依赖： export default defineNuxtConfig({ modules: ['@nuxtjs/color-mode'] }) 3、 你也可以根据项目实际情况自定义配置，以下是一些默认配置： import { defineNuxtConfig } from 'nuxt' export default defineNuxtConfig({ modules: ['@nuxtjs/color-mode
62700编辑于 2025-08-13 - 来自专栏TopFE
nuxt框架中使用 @nuxtjs/composition-api 小记
使用绑定到vue上的方法 如 $message import {wrapProperty} from '@nuxtjs/composition-api' const $message = wrapProperty ('$message', false)() 使用 vuex import {useStore} from '@nuxtjs/composition-api' const store = useStore 必要时还是需要使用 vuex 更多有关@nuxtjs/composition-api 的使用方法 https://composition-api.nuxtjs.org/api/usecontext/
66610编辑于 2022-01-24 - 来自专栏微服务架构日记
Nuxt.js生成sitemap.xml、seo优化、robots.txt协议添加
环境准备 注意生成sitemap依赖于@nuxtjs/sitemap，并且需要用axios进行请求，不要使用@nuxtjs/axios，不然会报错 npm install @nuxtjs/sitemap install axios sitemap.xml配置 在nuxt.config.js中配置下面的内容 # 在第一行引入 const axios = require('axios') # 在modules中添加@nuxtjs /sitemap modules: [ '@nuxtjs/sitemap' ], # 在最后面添加 sitemap: { path: '/sitemap.xml', // sitemap nuxt项目的static文件夹下，配置项目的静态文件，直接在static新建robots.txt即可，nuxt运行时会自动装配到根路由 使用站长工具生成robots.txt 参考文档 nuxt使用@nuxtjs
5.9K20发布于 2021-01-18 - 来自专栏一路向前端
Nuxt配置Element-UI按需引入方法
module.exports = { /* ** Plugins to load before mounting the App ** https://nuxtjs.org/guide/ 也可以手动配置关闭 SSR，配置为： module.exports = { /* ** Plugins to load before mounting the App ** https://nuxtjs.org nuxt.config.js 文件中，在选项 build 中配置 babel 选项： module.exports = { /* ** Build configuration ** See https://nuxtjs.org
3.4K20发布于 2020-07-06 - 来自专栏前端开发随笔
Nuxt引用@nuxtjs/proxy代理接口
npm install @nuxtjs/proxy -D nuxt.config.js进行配置 modules: [ '@nuxtjs/proxy', ], axios: {
1K10发布于 2021-07-13 - 来自专栏陶然同学博客
【学生管理系统】整合JWT(完)
5.2.2 携带token 对axios进行增强，需要每次都写到token 步骤： 编写nuxt的插件 注册插件 编写nuxt的插件 //https://axios.nuxtjs.org /helpers //https://axios.nuxtjs.org/extend export default function ({ $axios, redirect }) { $axios.onRequest
29420编辑于 2023-02-24 - 来自专栏Coooooooooode！（前端）
Nuxt3+vue-i18n国际化（巨坑！！
@nuxtjs/i18n@nextNuxt3 据说是提供了 一个@nuxtjs/i18n@next。官方文档有提供引入和使用方法。 所以放弃了 nuxt/i18n如果有打开在使用@nuxtjs/i18n@next 没有问题麻烦指导一二vue-i18nvue-i18n github示例github示例中的代码可以完美应用。
4.1K50编辑于 2025-08-06 - 来自专栏Nuxt.js 实战系列
Nuxt3 实战 (十二)：SEO 搜索引擎优化指南
`${productCategory} - Dream Site` : 'Dream Site' } })</script>官方文档：SEO和Meta安装 @nuxtjs/seo 模块我们需要安装 @nuxtjs/seo 插件，@nuxtjs/seo 是一个模块集合，它覆盖了搜索引擎中常用的模块：@nuxtjs/sitemap：网站地图nuxt-simple-robots：蜘蛛爬虫协议 nuxt-schema-org：网页标准nuxt-seo-experiments：实验性 SEO 元特征nuxt-og-image：生成动态的社交分享图片nuxt-link-checker：检查失效链接具体使用方式： 1、 @nuxtjs
1.2K10编辑于 2025-08-14 - 来自专栏Nuxt.js 实战系列
Nuxt3 实战 (四)：安装 Nuxt UI 和配置 Typescript 类型检查
export default defineNuxtConfig({ modules: ['@nuxt/ui'] }) 3、 需要注意的是，这里 Nuxt UI 会自动安装以下这些模块： @nuxtjs /tailwindcss @nuxtjs/color-mode nuxt-icons 如果以前安装过它们，则应该将它们从模块和依赖项中删除。
1.2K10编辑于 2025-08-13 - 来自专栏h5
nuxt+vue仿微信聊天界面|nuxt.js聊天室
036360截图20201006104017899.png 037360截图20201006104311641.png 040360截图20201006104829817.png nuxt.js简单介绍 nuxtjs 360截图20201016104415780.png 360截图20201016104632564.png https://nuxtjs.org/ https://zh.nuxtjs.org/ https https://zh.nuxtjs.org/guide/directory-structure/ image.png 自定义组件实现 项目中顶部导航栏、底部标签栏及所有弹窗功能均是自定义组件实现。
4.1K30发布于 2020-10-16 - 来自专栏快乐阿超
nuxt
模块化系统 Nuxt.js 拥有丰富的模块生态，比如： @nuxtjs/axios - 轻松集成 HTTP 请求。 @nuxtjs/auth-next - 提供认证解决方案。 @nuxtjs/pwa - 快速构建渐进式 Web 应用。 4. 文件系统路由 Nuxt.js 使用基于文件系统的路由，自动生成路由配置。只需创建对应的文件夹和文件，路由会自动匹配。
76910编辑于 2025-04-16 - 来自专栏若城技术专栏
【vue 系列】nuxt2 配置国际化详细教程
前言 废话不多说， 本篇博客主要教你，如和一步步的配置Nuxt 的国际化， 起因 在网上找了半天 没有一个对的， 全是不合格 ， 因此自己只能手撸一个了 下载依赖 需要下载 @nuxtjs/i18n 依赖 安装指令： npm install --save @nuxtjs/i18n 这里千万不要下载错了 错误命令：npm install vue-i18n
82310编辑于 2024-02-29 - 来自专栏前端Q
肝了几个月nuxt项目，想把这些实用知识点分享给你（干货）
第一步 npm i \-D @nuxtjs/axois 第二步在nuxt.config引入就可以 export default{ modules: [ '@nuxtjs/axios' ] } 第一步 npm i \-D @nuxtjs/proxy 第二步 nuxt.config 下配置 @nuxtjs/proxy nuxt.config 下配置 axios和proxy export default 路径别名:~ 或 @ srcDir , ~~ 或 @@ rootDir (默认情况下，srcDir 和 rootDir 相同) nuxt-link 选中样式 修改 active-class='xxx' @nuxtjs
2.3K20发布于 2021-01-05
腾讯云开发者
