nuxt.js

Nuxt部署到静态网站托管

可以省去路由划分的时间，Nuxt.js会读取该目录下所有的.vue文件并自动生成对应的路由配置、进一步封装Vuex等等。下面来介绍如何将Nuxt部署到静态托管上？
PerfumerKarma·2020-08-04 17:32

服务器端渲染-解决nuxt.js的配置与使用

HTML页面的内容可以由浏览器本地渲染，也可以在服务器端渲染。浏览器端的渲染，很难让爬虫获取到内容（也就是搜索引擎不能抓取到内容），所以不利于网站的推广。而服务器端的渲染方式分两种，一种是全部渲染和部分渲染。全部渲染主要是由服务器端向浏览器返回一个完整的HTML页面，这也是我们常用的，虽然他响应的时间可能会比部分渲染长一些，但是综合利弊，还是使用的多一些。另一种就是部分渲染，主要通过AJAX来实现
不认输的西瓜·2020-08-04 17:27

Nuxt.js 从搭建到发布

一个基于Vue.js的服务端渲染应用框架，nuxt解决了SPA的通病（首屏白屏，SEO）文章目录1.搭建Nuxt1.1快速入门1.2资源目录1.3生命周期2.配置Nuxt2.1引入UI框架2.2引入中间件2.3引入国际化2.4引入第三方插件2.5引入axios.js2.6加载静态资源3.开发Nuxt4.调试Nuxt4.1界面调试4.2JS调试4.3代理跨域5.性能优化方案5.1UI框架按需引入5.
ian.liu·2020-08-04 16:03

基于nuxt.js的项目从搭建到部署步骤

一、项目搭建1、创建nuxt项目（确保安装了npm）# npx create-nuxt-app2、他会让你进行一些选择Project name  //项目名称Project description  //项目描述Use a custom server framework  //服务器框架Use a custom UI framework  //UI框架Use a custom test frame
我就是大吉·2020-08-04 15:17

使用Nuxt.js搭建VUE应用的SSR（服务端渲染）

Nuxt.js的介绍Nuxt.js概述nuxt.js简单的说是Vue.js的通用框架，最常用的就是用来作SSR（服务器端渲染）Vue.js是开发SPA（单页应用）的，Nuxt.js这个框架，用Vue开发多页应用
胡椒粉0121·2020-08-04 14:15

nuxt.js + pm2 部署

对于nuxt项目，一般采用官方提供的create-nuxt-app脚手架，具体过程https://zh.nuxtjs.org/guide/installation/。在实际开发中一般使用npmrundev其本地服务进行开发发布部署的时候首先需要npmrunbuild（相当于nuxtbuild）利用webpack编译应用，压缩JS和CSS资源之后将文件上传到指定的服务器需要npmrunstart（相
樊小书生·2020-08-04 14:31

nuxt.js部署到nginx的非根目录

首先按照官网的教程进行本地的nuxt.js安装一、配置nginx和node环境1、首先修改nginx.conf、http-www.confNginx.confhttp-www.conf注意这里的结尾斜杆
Aaron行走在搬砖的路上·2020-08-04 13:54

解决Nuxt.js项目server入口文件不能使用import

解决Nuxt.js项目server入口文件不能使用import使用nuxtjs官方的脚手架时创建Nuxt.js项目时在server的入口中使用的是默认使用require引入依赖的constKoa=require
ZQD1997·2020-08-04 12:46

Nuxt.js 项目如何部署到云开发网站托管

可以省去路由划分的时间，Nuxt.js会读取该目录下所有的.vue文件并自动生成对应的路由配置、进一步封装Vuex等等。下面来介绍如何将Nuxt部署到静态托管上？
Tencent_TCB·2020-08-04 12:53

nuxt中引入tinymce编辑器

起因Nuxt.js是一个服务端渲染框架。在一开始项目中使用的是quill.js编辑器，因其支持服务端渲染，但后期其功能过于少，故选择了非常强大的tinymce编辑器。
慢半帧·2020-08-04 12:33

nuxt.js中 前端 加密解密

在~/plugins下新建encrytion.js文件constcrypto=require('crypto');exportdefault{aesEncrypt(data,key){try{varsalt=key.toString()+'manbanzhen';//定义盐值constcipher=crypto.createCipher('aes192',salt);//采用aes192加密方式v
慢半帧·2020-08-04 12:02

nuxt.js中按需加载 element-ui遇到的问题

下载element-uinpmielement-ui-S在～/plugins/下新建一个名为element-ui.js文件importVuefrom'vue'import{form,input,formItem,button,message}from"element-ui";Vue.use(form);Vue.use(formItem);Vue.use(input);Vue.use(button)
慢半帧·2020-08-04 12:02

nuxt.js 在middleware（中间件）中实现路由鉴权

路由鉴权：就是判断这个路由当前浏览者是否需要权限访问。一般我是通过判断cookie中存储的token来判断的。在middleware文件夹下新建“auth.js”的文件在当前auth.js文件内判断cookie中是否包含token字段importgetCookiefrom'~/utils/getCookie'exportdefaultfunction({route,req,res,redirect
慢半帧·2020-08-04 12:02

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

最近项目呢用到了nuxt为了seo没办法，项目开发完了现在遇到了一个问题咋打包上线，以前我们都是npmbuild完了之后就把dist包放到web服务器的工作目录下面就可以了比如nginx的www目录下面，但是服务端渲染的不一样，好了咱们开始配置吧。第一步配置nginx安装nginx可以参考这个安装nginx这个我们给出nginx的配置location/{indexindex.htmlindex.h
云大牛1024·2020-08-04 11:02

nuxt.js项目如何部署到服务器？

项目打包yarnbuild或者npmbuild需要上传的文件1..nuxt目录2.package.json3.nuxt.config.js4.static5.server目录（不传会报错ERRORRendererisloadedbutnotallresourcesareunavailable!Pleasecheck/www/wwwroot/sanwei/.nuxt/dist/serverexist
qq_38461232·2020-08-04 11:43

Node项目部署到阿里云服务器(ECS)，以Nuxt.js服务端渲染项目为例

1、前言最近打算业余时间搭个网站，选择的技术栈为node+mongodb+Nuxt.js(基于vue，用于创建服务端渲染(SSR)应用)，以下不会教科书式讲解，只是提供整体思路、参考资料以及关键性操作。2、阿里云部署概括步骤：服务器环境配置->本地sublimetext安装sftp插件->本地项目打包->sftp上传->服务器安装pm2->启动项目->完成。以下为详细介绍:（1）须知：本人操作电脑
ECMAScripter·2020-08-04 10:14

Nuxt.js-Vue项目PC端SEO推广

Nuxt.js主要用在vue做PC端推广时用，因为vue的单一页面原则，使得其做SEO时并不好，下面简单介绍下，自己用时的流程-操作。
leesession·2020-08-01 03:59

【5】Nuxt.js 路由

路由Nuxt.js依据pages目录结构自动生成vue-router模块的路由配置。要在页面之间使用路由，我们建议使用标签。
青崖林夕·2020-08-01 02:34

Nuxt.js报错:The client-side rendered virtual DOM tree is not matching server-rendered content的两种情况解决办法

目录第一种情况:页面出现瞬间又消失不见第二种情况:页面正常加载,有几率刷新mounted方法加载两次,导致页面内容重复渲染;Theclient-siderenderedvirtualDOMtreeisnotmatchingserver-renderedcontent.ThisislikelycausedbyincorrectHTMLmarkup,forexamplenestingblock-lev
阿猫阿狗哈·2020-07-31 22:30

基于 Vue SSR 的微架构在 FOLLOWME5.0 实践

首页是老项目经历了最原始的那种VueSSR，后来在年初的时候，迁移到了Nuxt.js下，再到现在迁移到了Genesis，可谓是一波三折。
lzxb4·2020-07-31 20:28

关于Error: Cannot find module '@nuxtjs/eslint-module和Error: No ESLint configuration found in D:\36解决办法

(PS:NUXT.js（虽然好用）但自带的CLI真滴坑，各种不兼容){"dependencies":{"babel-preset-es2015":"^6.24.1","cross-env":"^5.2.0
xu~o( =∩ω∩= )miao·2020-07-31 19:46

分享：nuxt动态嵌套路由

动态嵌套路由这个应用场景比较少见，但是Nuxt.js仍然支持：在动态路由下配置动态子路由。
万花丨凋·2020-07-31 15:56

从零开始使用 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
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他