nuxt.js 第12页

从零开始使用 Koa2+Vue-SSR 开发博客前台(附上成品)

喜欢的话点个小星星）：https://github.com/1912820899/skyCMS开始教程之前需要先说明一下，由于博客前台之前使用SPA写的，现在拿来重构，所有本教程将不会借助vue-cli和nuxt.js

空bk·2020-07-30 21:35

关于Nuxt.js部署和配置，那些你闭着眼睛都要会写的步骤

如何使用外部资源？1、全局配置这样写，在nuxt.config.js中配置你想引用的资源文件：module.exports={head:{script:[{src:'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'}],link:[{rel:'stylesheet',href:'https://fonts.goog

椰卤工程师·2020-07-30 21:57

Vue 服务端渲染（SSR）、Nuxt.js - 从入门到实践

前言10月初有幸接到公司官网改版需求，要求采用服务端渲染模式对原网站进行seo优化。由于团队一直使用的vue技术栈，所以我第一时间想到的就是采用vue服务端渲染（SSR）来实现该需求，即能减少团队其他成员后期维护的成本，又能把现有其他项目封装好的内容稍微改改就能直接copy过来使用，大大节省了开发时间（除去ui中途调整，整体改造时间只花了2-3天）。改造前后对比1、原公司网站（改版前），采用vue

weixin_34037173·2020-07-30 20:35

NuxtJs+Koa2+MongoDB全栈个人博客项目在云服务器上的部署（二）

二、项目启动和部署1.项目简单技术介绍：此项目为个人博客网站，前台博客网站用nuxt.js开发，后台博客管理系统及接口用Koa开发，模板引擎使用的EJS，对数据库的连接及增删改查使用了mongoose。

卑微不讨喜·2020-07-30 19:54

关于Nuxt.js中axios获取后端数据会报错的巨坑分析

搞了一个上午彷佛才弄懂是哪里的原因。先说一下问题，很简单，就是axios得不到数据，各种各样的报错。开始我以为是因为第一次使用类似"async""await"等异步获取数据的方法的原因，但是一时又想不到怎么使用同步获取数据的办法验证，所以一直在查关于"asyncData"的使用方法，故而误入歧途。看一下各种修改时报错的声明，美轮美奂_nuxt_axios__WEBPACK_IMPORTED_MOD

eswang·2020-07-30 19:39

[Nuxt] vue服务端渲染nuxt.js

初始化使用脚手架工具create-nuxt-app快速创建npxcreate-nuxt-appnpxcreate-nuxt-app执行一些选择在集成的服务器端框架之间进行选择:选择您喜欢的UI框架:选择您喜欢的测试框架:选择你想要的Nuxt模式(UniversalorSPA)添加axiosmodule以轻松地将HTTP请求发送到您的应用程序中。添加EsLint以在保存时代码规范和错误检查您的代码。

大月山·2020-07-29 15:18

nuxt.js路由守卫拦截

虽然nextjs不需要写路由，但出于安全可以写路由守卫来拦截某些跳转。首先在plugins新建一个路由文件，比如router.js然后写好你的拦截条件比如验证token之类的exportdefault({app,store})=>{app.router.beforeEach((to,from,next)=>{//设置条件console.log(to,from)next()})}然后在nuxt.co

ZhuAiQuan·2020-07-29 04:49

nuxt.js + typescript项目开发总结

一、axios建议直接使用nuxtjs的axios模块。1.安装并引入@nuxtjs/axios需要代理请一并安装引入@nuxtjs/proxynuxt.config.js中：exportdefault{modules：['@nuxtjs/axios','@nuxtjs/proxy'],axios:{proxy:true,baseURL:'',prefix:'/api-prefix',creden

elvira0702·2020-07-28 23:53

React和Vue语法并排比较：状态管理

其它两篇：React.js和Vue.js的语法并列比较Next.js和Nuxt.js的语法比较议程创建StoreAction异步ActionReducer|MutationCombine-Reducers

杜尼卜·2020-07-28 23:36

NUXT的项目的优点

Nuxt.js简单的说是Vue.js的通用框架，最常用的就是用来作SSR（服务器端渲染）。

饮冰十年·2020-07-28 20:01

Nuxt.js开发中碰到的问题（三）axios 获取数据及vuex发送请求

博客原文链接Nuxt.js发送请求安装相关插件Nuxt.js有专门用来请求数据的方法asyncData，同时也自带axios及跨域代理插件proxy，只需要npm安装一下，并在配置文件中添加即可；npmi-D

weixin_33868027·2020-07-28 18:45

【Vue】Vue服务端渲染ssr

引言此篇文章主要涉及以下内容：SSR服务端渲染流程图SSR优势VueSSR实战VueSSR框架nuxt.js学习资源vuessrnuxt.js理解ssrCSRVSSSR传统的web开发//npmiexpress-Sconstexpress

前端林木·2020-07-28 17:29

Nuxt.js 使用教程指北

Nuxt.js是脱胎与React中的SSR方案Next.js的，基本使用方法都类似。

qq_35534823·2020-07-28 07:02

nuxt 项目实战之顶部导航菜单组件开发

nuxt.js项目开发-顶部导航菜单组件开发导读首先我们来分析下，最终案例的导航栏，这是一个移动端展示形式的顶部导航栏，这个导航菜单，采用的是bootstrapVuecssui组件库里面的navbar组件我们需要单独创建一个菜单组件

我的小英短·2020-07-27 17:33

nuxt.js使用swiper插件

先装swiper插件npminstall--savevue-awesome-swiper引入第三方插件一般放置到plugins目录下创建swiper.jsimportVuefrom'vue'importcssfrom'swiper/dist/css/swiper.css'importVueAwesomeSwiperfrom'vue-awesome-swiper'exportdefault()=>{

刘金海_·2020-07-25 09:36

nuxt

想要学习nuxt.js，首先要弄清楚客户端渲染和服务端渲染这两个概念。

CC前端手记·2020-07-20 18:31

tailwind css_带有Tailwind CSS和Nuxt.js的深色和浅色主题

tailwindcssDarkandlightmodesupporthasbeenarecenttrendduetotheimpactonoureyesightcausedbythetimespentondevices.WithTailwindCSSandtheproperNuxt.js(Nuxt)modules,wecaneasilyenablethisfeature,withtheabilit

weixin_26746861·2020-07-17 11:10

Vue ssr vue-server-renderer 学习Vue服务端渲染

前言现在Vue的ssr方案，在我了解到的有如下几种：vue-server-renderer服务端渲染prerender-spa-plugin客户端的静态页面生成Nuxt.js一个vue的服务端渲染框架，

liu__software·2020-07-15 14:28

Vue-SSR-Nuxtjs

那Nuxt.js适合作新闻、博客、电影、咨询这样的需要搜索引擎提供流量的

ZQD1997·2020-07-15 07:45

nuxt系列问题解决汇总

页面内容已出及滑动与静止的处理5、v-bind、v-model、methods()的各种数据传值6、地址选择器集成7、本地缓存管理、不同管理类型的应用8、字体包下载9、音乐调起集成10、.js资源文件的引用11、nuxt.js

rattanchen·2020-07-15 06:20

Nuxt.js使用百度地图vue-baidu-map

vue-baidu-map文档：https://dafrok.github.io/vue-baidu-map/#/zh/start/usage安装vue-baidu-mapnpmivue-baidu-map-D在plugins新建map.js:importBaiduMapfrom'vue-baidu-map'importVuefrom'vue'Vue.use(BaiduMap,{ak:'申请的百度

骑着代码去流浪·2020-07-15 06:40

Nuxt.js 的一个常见错误警告

在Nuxt.js的使用过程中会遇到这样一种错误：[Vuewarn]:Theclient-siderenderedvirtualDOMtreeisnotmatchingserver-renderedcontent.ThisislikelycausedbyincorrectHTMLmarkup

weixin_34415923·2020-07-15 06:58

nuxt.js服务端渲染中路由的跳转

一、nuxt.js路由跳转1、nuxt-link标签跳转在html标签内使用nuxt-link跳转，相应于超链接a标签，使用方式如下：首页2、编程式导航-JS代码内部跳转实际项目中，很多时候都是通过在JS

人间草木96·2020-07-14 21:08

Nuxt中使用Vuex的Actions

在Nuxt.js中如果使用Vuex，我们不需要安装引用，Nuxt已经帮我们解决了这个问题只需要在Nuxt的store目录下创建js文件即可每一个js文件都可以是一个模块(当然index.js除外,这是根模块

xue-shuai·2020-07-14 20:34

Nuxt.js路由参数传递和接收

路由页面目录：pagesdetail/_id.vue注意这里路由name的值是:detail-id参数传递或者this.$router.push({name:'detail-id',params:{id:10},query:{key,value}})接收参数created(){this.$route.query.keythis.$route.params.id},asyncData({app,qu

彭世瑜·2020-07-14 15:26

9个项目助你在2020年成为前端大神！

然后是Svelte，Next和Nuxt.js，Gatsby，Gridsome,quasar等等

乐乐2019·2020-07-14 00:15

Nuxt.js中使用Element-UI填坑

Nuxt.js是Vue进行SSR的一个优选开源项目，可免去繁琐的Webpack、nodejs后台服务配置等操作，方便的搭建一个支持SSR的VUE项目。

依然自我·2020-07-12 15:27

力荐！35 个最好用的 Vue 开源库！

所幸的是，随着Vue.js和Nuxt.js社区的不断壮大，每天都会出现一些很好的软件包。在下文中，我们将推荐一些非常好用的Vue和Nuxt软件包。

weixin_34235105·2020-07-12 09:47

next.js、nuxt.js等服务端渲染框架构建的项目部署到服务器，并用PM2守护程序

前端渲染：vue、react等单页面项目应该这样子部署到服务器貌似从前几年，前后端分离逐渐就开始流行起来，把一些渲染计算的工作抛向前端以便减轻服务端的压力，但为啥现在又开始流行在服务端渲染了呢？如vue全家桶或者react全家桶，都推荐通过服务端渲染来实现路由。搞得我们慌得不行，不禁让我想起一句话：从来没有任何一门语言的技术栈像Javascript一样，学习者拼尽全力也不让精通。没办法，流行，咱们

weixin_33755847·2020-07-12 07:25

使用nuxt

Nuxt.js简单介绍2016年10月25日，zeit.co背后的团队对外发布了Next.js，一个React的服务端渲染应用框架。

曹天骄·2020-07-11 23:49

nuxt.js服务端渲染中less的配置和使用

第一步：npm安装less和less-loader，文件根目录下安装，指令如下npminstalllessless-loader--save-dev第二步：直接在组件中使用my111exportdefault{created(){},methods:{}}.my{.myy{background-color:red;width:150px;height:150px;}}

人间草木96·2020-07-11 21:15

nuxt.config.js 的配置

nuxt.config.js是Nuxt.js的配置文件，可以通过针对一系列参数的设置来完成Nuxt.js项目的配置，可以在Nuxt.js官网找到针对这个文件的说明，下面举例一些常用的配置：head:可以在这个配置项中配置全局的

muzidigbig·2020-07-11 13:33

安装 @babel/core @babel/cli @babel/preset-env 后依然提示 babel-node 不是内部外部命令的问题

前言日常积累，欢迎指正1、问题描述使用Nuxt.js官网提供的新手模板做vueSSR时，该模板初始化不支持ESModule为了添加支持百度到的解决办法几乎都是使用babel-node解决，并且说babel-node

SarinaDu·2020-07-11 12:46

Nuxt.js项目不识别import原因及解决方法

1、问题使用npxcreate-nuxt-app创建Nuxt.js项目，项目默认使用require引入依赖，如下：平时习惯使用import，改为importKoafrom'koa'会报SyntaxError

ECMAScripter·2020-07-10 21:06

揭秘vue——vue-cli3全面配置

★vue-cli3全面配置★Nuxt.js全面配置创建项目配置环境变量通过在package.json里的scripts配置项中添加--modexxx来选择不同环境在项目根目录中新建.env,.env.production

weixin_34179762·2020-07-10 08:02

Nuxt的路由配置和参数传递

Nuxt.js的路由并不复杂，它给我们进行了封装，让我们节省了很多配置环节。

UIEngineer·2020-07-09 06:58

Nuxt项目的创建和安装

新手模板为了便于大家快速使用，Nuxt.js提供了一个starter模板。

ROBIN2015·2020-07-09 03:39

Nuxt.js学习笔记 --Graphql尝鲜与MongoDB连接的简单使用

众所周知，restful还是我们使用最多的api规范，也是目前业界最为流行的，随着多年的发展，这种设计模式已经非常成熟，但也有着自己的一些局限性，最容易理解的就是字段冗余。为了解决Restful设计风格的问题，facebook推出的graphql已经引起了很好的反向。就目前的情形来说，graphql其实更适合做一些大型服务，或者多端的服务，但是因为技术还没有restful一样成熟，因此本文也是尝鲜

eswang·2020-07-08 22:22

Nuxt.js学习笔记 --后端和axios

上篇文章我们简单学习了SSR和基础的Nuxt.js语法，以及一些关于Nuxt.js的路由知识，东西不多，确实让我们感受到了Nuxt.js的方便配置。

eswang·2020-07-08 22:50

NUXT.JS学习笔记

目录结构├──assets//资源文件。用于组织未编译的静态资源入LESS、SASS或JavaScript│└──logo.jpg//默认logo图片├──components//组件。用于自己编写的Vue组件，比如滚动组件，日历组件，分页组件│└──AppLogo.vue//默认logo组件├──layouts//布局。页面都需要有一个布局，默认为default。它规定了一个页面如何布局页面。所

不时髦的耳朵·2020-07-08 20:01

前端学习笔记 - nuxt.js

最近工作中有用到服务端渲染，一边学一边写了一个小demo，这里记录下过程：服务端渲染的好处就不多说了，网上有很多，直接开始吧！使用create-nuxt-app官网按照官网的教程第一步：yarncreatenuxt-app我的项目名也叫nuxt-app所以我输入的命令是：yarncreatenuxt-appnuxt-app选择项目配置输入完上面的命令后会有一些选项：需要注意的是chooserend

weixin_34318956·2020-07-08 17:22

Nuxt.js开启SSR渲染快速入门

Nuxt.js开启SSR渲染快速入门第一节：nuxt.js相关概述nuxt.js简单的说是Vue.js的通用框架，最常用的就是用来作SSR（服务器端渲染）.Vue.js是开发SPA（单页应用）的,Nuxt.js

weixin_33910460·2020-07-08 16:23

Nuxt.js 学习笔记

Nuxt.js是Vue.js的通用框架，最常用的就是用来作SSR（服务器端渲染）。再直白点说，就是Vue.js原来是开发SPA（单页应用）的，但是随着技术的普及，

weixin_30360497·2020-07-08 13:18

Nuxt.js使用详解

首先来讲一下服务端渲染直白的说就是在服务端拿数据进行解析渲染，直接生成html片段返回给前端。具体用法也有很多种比如：传统的服务端模板引擎渲染整个页面服务渲染生成htmll代码块,前端AJAX获取然后js动态添加服务端渲染的优劣首先是seo问题，前端动态渲染的内容是不能被抓取到的，而使用服务端渲染就可以解决这个问题。还有就是首屏加载过慢这种问题，比如在SPA中，打开首页需要初始加载很多资源，这时考

weixin_30340617·2020-07-08 13:04

nuxt.js服务端渲染中axios和proxy代理的配置

需要npmaxios？刚开始，我以为需要像普通的vueSPA开发那样，需要npmaxios，这种方式的确可以生效。但在使用时并不方便。尤其是设置代理比较麻烦，而且在asyncData里与在普通methods里使用方式不一样。后来在nuxt的github上发现了nuxt是默认集成了axios的，所以不需要npmaxios，但是需要进行适当的配置。以上是百度到的，发现老是报错，现在网上的教程完全是在扯

人间草木96·2020-07-08 02:40

前端学习笔记-8.16.nuxt.js安装

nuxt.js是服务端框架。

我就是小强·2020-07-08 02:59

vue新框架nuxt通过文件目录自动生成路由

demo如图自动生成的路由：文件夹：Nuxt.js集成了以下组件/框架，用于开发完整而强大的Web应用：Vue2Vue-RouterVuex(当配置了Vuex状态树配置项时才会引入)Vue-Meta压缩并

晴天有点孤单·2020-07-08 00:15

Nuxt.js asyncData方法获取数据（await axios和 axios区别）

Nuxt.js贴心的为我们扩展了Vue.js的方法，增加了asyncData(){……}。从名字上就很好理解，这是一个异步的方法。

muzidigbig·2020-07-07 17:36

nuxt.js使用笔记

nuxt.js官网:https://zh.nuxtjs.org/guide/routingNuxt作用:为什么要用:一个网站分为前台与后台,现在的web前端开发都是进行组件化开发,那么传统的vue-cli

gongliming_qd·2020-07-07 08:57

推荐频道

nuxt.js