E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
nuxt.js
[vue] vue服务端渲染
nuxt.js
初始化使用脚手架工具create-nuxt-app快速创建npxcreate-nuxt-appnpxcreate-nuxt-app执行一些选择在集成的服务器端框架之间进行选择:选择您喜欢的UI框架:选择您喜欢的测试框架:选择你想要的Nuxt模式(UniversalorSPA)添加axiosmodule以轻松地将HTTP请求发送到您的应用程序中。添加EsLint以在保存时代码规范和错误检查您的代码。
月山
·
2019-09-26 15:00
详解
Nuxt.js
中使用Element-UI填坑
Nuxt.js
是Vue进行SSR的一个优选开源项目,可免去繁琐的Webpack、nodejs后台服务配置等操作,方便的搭建一个支持SSR的VUE项目。
20196
·
2019-09-06 14:00
Nuxt使用Vuex的方法示例
基础知识这里不再重述,学习的话请自行到官网学习https://vuex.vuejs.org/zh/文档最后有具体使用的实例,不想看基础的就直接下调页面~这里主要简单讲一讲Nuxt里怎么使用vuex,
Nuxt.js
靳哲
·
2019-09-06 14:39
nuxt框架中对vuex进行模块化设置的实现方法
Nuxt.js
内置引用了vuex模块,所以不需要额外安装。
程南风
·
2019-09-06 11:09
Nuxt.js
实现一个SSR的前端博客的示例代码
为什么要用
Nuxt.js
公司现有的项目只有落地页是通过前端本身server读取pug文件进行服务端渲染的,当然是为了首屏加载速度以及SEO。
b123
·
2019-09-06 09:42
nuxt框架中对vuex进行模块化设置
Nuxt.js
内置引用了vuex模块,所以不需要额外安装。
程南风
·
2019-09-05 00:00
vue.js
vuex
nuxt.js
nuxt.js
部署vue应用到服务端过程
由于seo的需要,最近将项目移植道
nuxt.js
下采用ssr渲染移植完成后,一路顺畅,但是到了要部署到服务器端上时候,还是个头疼的问题,但最终还是顺利完成。现在记录一下部署中的过程。
simple-love
·
2019-08-29 10:00
nuxt开发实战-开始
Nuxt.js
介绍
Nuxt.js
是基于Vue.js的轻量级应用框架,可用来创建服务端渲染(SSR)应用,也可充当静态站点引擎生成静态站点应用,具有优雅的代码结构分层和热加载等。
可欣
·
2019-08-26 00:00
nuxt.js
nuxt入门
而便于SEO的SSR(服务器端渲染)多页应用,可以使用
nuxt.js
这个框架来实现(0)nuxt安装npxcreate-nuxt-app以下是按生成的目录文件进行学习了解(1)资源目录assets与static
£AP︶ㄣOL◢◤LO
·
2019-08-23 23:00
Vue SSR
nuxt.js
通用vue.jsSSRSSR:服务器端vue渲染html返回浏览器SEO:VUESPA(单页)新闻博客等网站APA:快递环境:vueinitnuxt-community/starter-templatetestDemoPSD
皇甫圣坤
·
2019-08-12 17:41
Go语言社区系统mlog-club 1.0.5 发布,使用
nuxt.js
渲染界面
项目地址体验地址:https://mlog.clubGithub:https://github.com/mlogclub/mlog本次更新内容前后端分离,使用
nuxt.js
(https://nuxtjs.org
大猫猫酱
·
2019-08-09 00:00
vue.js
nuxt.js
golang
Nuxt.js
实战和配置详解
前段时间刚好公司有项目使用了
Nuxt.js
来搭建,而刚好在公司内部做了个分享,稍微再整理一下发出来。本文比较适合初用
Nuxt.js
的同学,主要讲下搭建过程中做的一些配置。
fengxianqi
·
2019-08-05 08:19
Nuxt.js
实战和配置
前段时间刚好公司有项目使用了
Nuxt.js
来搭建,而刚好在公司内部做了个分享,稍微再整理一下发出来。本文比较适合初用
Nuxt.js
的同学,主要讲下搭建过程中做的一些配置。
fengxianqi
·
2019-08-05 00:00
服务端渲染
nuxt.js
nuxt.js
创建项目遇到的问题(记录)
在今天在学习
nuxt.js
时,使用自己的电脑进行项目安装的时候,出现了一些error,error这个问题在网上搜了一些博客,问题还是没有得到解决。最后这个问题的根源在于没有管理员权限。
奔跑的三明治
·
2019-07-26 21:04
全栈开发—博客前端展示(
Nuxt.js
)
个人博客开发系列文章:博客前端展示总结:https://www.jianshu.com/p/1348bcd1e716后台管理系统总结:https://www.jianshu.com/p/53c75476be44服务端总结:https://www.jianshu.com/p/c25b5432d6f5TravisCI持续集成:https://www.jianshu.com/p/4e7a06e18bd5
西麦smile
·
2019-07-22 14:25
全栈开发—博客前端展示(
Nuxt.js
)
个人博客开发系列文章:博客前端展示总结:https://www.jianshu.com/p/1348bcd1e716后台管理系统总结:https://www.jianshu.com/p/53c75476be44服务端总结:https://www.jianshu.com/p/c25b5432d6f5TravisCI持续集成:https://www.jianshu.com/p/4e7a06e18bd5
西麦smile
·
2019-07-22 14:25
基于Vue的通用框架
Nuxt.js
因为Vue是通过把你的代码编译的,生成是SPA,里面的html其实是空的,
Nuxt.js
属于SSR,也就是服务器渲染。
Nuxt.js
打包生成的每个路由都会对应相对的
肖秋雄
·
2019-07-18 16:00
如何在
Nuxt.js
项目中使用vConsole
但是官方只提供了一般情况下的用法,并没有
Nuxt.js
项目中的用法,所以特此记录一下引入方式,并且区分生产环境和开发环境,只在开发环境引入。
极课助手
·
2019-07-17 00:00
vue.js
nuxt.js
流行js生态快速分析
Vue:Vue.js(Front)+Weex(APP)+Electron-vue(Client)+
Nuxt.js
(ServerPre-rendor)Facebook:React:React.js+React-native-renderer
乱世之牙
·
2019-07-12 17:41
web
js
js框架
web
基于Vue SEO的四种方案
前言:众所周知,VueSPA单页面应用对SEO不友好,当然也有相应的解决方案,下面列出几种最近研究和使用过的SEO方案,SSR和静态化基于
Nuxt.js
来说。
lengziyu
·
2019-06-30 00:00
vue.js
seo
nuxt.js
nuxt.js
配置实现axios在开发时的跨域代理
近期在学习nuxt框架,为接下来的项目做准备,学习的目的是为了解决单页面应用的SEO的问题,因为要做新闻网站,用服务端渲染。以下是在网上nuxt配置实现axios代理,解决跨域的问题方案。原笔记1.在项目中安装好axios2.在nuxt.config.js里进行配置module.exports={modules:['@nuxtjs/axios',],axios:{proxy:true,prefix
阿蔡啊
·
2019-06-20 14:56
Vue
日常记录
前端工具
如何在Nuxt项目中给pm2配置生产环境和测试环境
在
Nuxt.js
项目中,我们有一个全局的环境变量process.env.NODE_ENV,默认情况下,这个变量的值要么是production,要么是development,分别表示生产环境和开发环境。
极课助手
·
2019-06-18 00:00
nuxt.js
pm2
Nginx Proxy_cache 实践 (with Docker, Ngx-cache-purge, Etag)
最近在用
Nuxt.js
做一个SSR项目,第一次做当然是踩坑不少,其中一个坑就是Nuxt文档所提到的:将nginx与生成的页面和缓存代理一起使用,文档就一页,但实际可不只这么简单.至于为什么要选用Nuxt
bysir
·
2019-06-05 16:47
【
Nuxt.js
踩坑日志】如何通过自定义ip地址和端口访问页面
nuxt.js
项目默认启动后,使用的是localhost:3000,如果想要通过ip地址访问,解决方法如下:在package.json中添加如下配置:..."
一通
·
2019-06-03 12:54
Java的新项目学成在线笔记-day12(五)
3.4.2嵌套路由你可以通过vue-router的子路由创建
Nuxt.js
应用的嵌套路由。创建内嵌子路由,你需要添加一个Vue文件,同时添加一个与该文件同名的目录用来存放子视图组件。
我是小谷粒
·
2019-05-28 15:20
java
Java的新项目学成在线笔记-day12(六)
3.6获取数据3.6.1asyncData方法
Nuxt.js
扩展了Vue.js,增加了一个叫asyncData的方法,asyncData方法会在组件(限于页面组件)每次加载之前被调用。
czbkzmj
·
2019-05-28 14:38
JAVA
Java的新项目学成在线笔记-day12(五)
3.4.2嵌套路由你可以通过vue-router的子路由创建
Nuxt.js
应用的嵌套路由。创建内嵌子路由,你需要添加一个Vue文件,同时添加一个与该文件同名的目录用来存放子视图组件。
czbkzmj
·
2019-05-28 14:12
JAVA
绳命在于折腾,我用
Nuxt.js
重构了博客
博客地址:https://tianyong90.comgithub仓库地址:https://github.com/tianyong90/blog其实自己的博客上线没多久,之前闲时会写些乱七八糟的玩意儿,一来当作总结和备忘,二来分享一些个人经验,也是种很有趣的经历。然后几个月前,想着自己手里有个注册但闲置很久的域名,又正好有台服务器,就干脆折腾个博客。不就是个博客嘛?能有多难?也没多想就用了之前使用
田较瘦
·
2019-05-26 00:00
nuxt.js
blog
HTML 转 PDF 图文报表实践
方法二:wkhtmltopdfVueSSR使用Vue.js,需要SSR支持,否则页面为空白使用
Nuxt.js
作为服务端渲染框架,这里记录
52admln
·
2019-05-22 00:00
pdf
ssr
nuxt.js
vue.js
wkhtmltopdf
深入浅析
nuxt.js
基于ssh的vue通用框架
Nuxt.js
是一个基于Vue.js的通用应用框架。通过对客户端/服务端基础架构的抽象组织,
Nuxt.js
主要关注的是应用的UI渲染。
青呢喃
·
2019-05-21 09:26
nuxt.js
利于SEO
在开发项目的时候要求SEO,vue是单页面开发,最大的不利于SEO,
nuxt.js
就完全适合了,语法完全是跟vue一模一样,只是把.vue打包成.html;其实打完包运行,虽然可以运行但实际还是不能利于
m18565890306
·
2019-05-14 10:22
Vue SSR Nuxt 初探
1.准备
Nuxt.js
是一个基于Vue.js的通用应用框架。通过对客户端/服务端基础架构的抽象组织,
Nuxt.js
主要关注的是应用的UI渲染。
虚年
·
2019-05-06 16:40
JavaScript
vue
Vue在
Nuxt.js
中重定向 404 页面的方法
Nuxt.js
依据pages目录结构自动生成vue-router模块的路由配置。要在页面之间使用路由,我们建议使用标签。正文对我来说,Nuxt是我所用过最好用的软件代码之一。
程序猿何大叔
·
2019-04-23 11:05
Vue.js +
Nuxt.js
项目中使用 Vee-validate 表单校验
vee-validate是为Vue.js量身打造的表单校验框架,允许您校验输入的内容并显示对应的错误提示信息。它内置了很多常见的校验规则,可以组合使用多种校验规则,大部分场景只需要配置就能实现开箱即用,还支持自定义正则表达式。而且支持40多种语言,对本地化、多语言支持非常友好。国内饿了么团队开源项目ElementUI就用到了vee-validate。vee-validate官网:https://b
givebest
·
2019-04-22 08:27
【
Nuxt.js
极速指南】进阶篇
上接《【
Nuxt.js
极速指南】基础篇》,这篇文章你将会学习到:异步数据资源文件插件命令异步数据
Nuxt.js
扩展了Vue.js,增加了一个叫asyncData的方法,使得我们可以在设置组件的数据之前能异步获取或处理数据
一俢
·
2019-04-17 09:24
nuxt.js
笔记
起步:1、全局安装vue-cli:npminstallvue-cli-g2、初始化nuxt:vueinitnuxt/starter(先进入项目目录文件夹)3、安装依赖:npminstall4、开发环境启动项目:npmrundev5、开发完成后打包代码:npmrunbuild6、启动服务:npmstart一、Nuxt常用配置项1、配置IP和端口:开发中经常会遇到端口被占用或者指定IP的情况。我们需要
xxxpjgl
·
2019-04-16 09:57
nuxt
笔记
vue
Nuxt.js
的API学习
目录结构资源目录assets资源目录assets用于组织未编译的静态资源如LESS、SASS或JavaScript。在编译vue模版或者css文件时,、background:url(...)、@import均会被解析成模块通过require引用。如果我们在css代码中使用url('assets/image.png'),那么编译后它将被转换成require('/assets/image.png')。
A郑家庆
·
2019-04-10 16:50
nuxt部署、国际化、代理
pages目录
Nuxt.js
会依据pages目录中的所有*.vue文件部署upstreamnodenuxt{server127.0.0.1:3000;keepalive64;}server{listen80
GrowthCoder
·
2019-04-10 12:52
基于webpack4搭建Vue服务端渲染(SSR)
前言了解服务端渲染是偶然间一位朋友问了我
Nuxt.js
的问题,孤陋寡闻的我竟然不知道服务端渲染是什么!
mtgr
·
2019-04-08 22:26
前端基础
Vue
ssr
【
Nuxt.js
踩坑日志】 - 引入多功能图片展示插件 blueimp-gallery
在github下载blueimp-galleryhttps://github.com/blueimp/Gallery,并复制到static目录下(注:该目录下的资源不会被webpack处理,官网描述静态文件)在nuxt.config.js中添加样式,如下:/***GlobalCSS*/css:[...//其他的样式'~/static/blueimp-gallery/css/blueimp-gall
一通
·
2019-04-08 18:06
Nuxt.js
国际化vue-i18n的搭配使用
Nuxt.js
国际化的前提是,已经使用脚手架工具搭建好了
Nuxt.js
的开发环境。
weiqinl
·
2019-03-22 22:00
NuxtJS 各种配置
NuxtSSR解决问题配置babel问题.
Nuxt.js
不支持ES6的语法加入babel在package.json里面启动的命令加入,start的命令也需要加入cross-envNODE_ENV=developmentnodemonserver
MiFan
·
2019-03-16 00:00
less
node.js
javascript
详解使用
Nuxt.js
快速搭建服务端渲染(SSR)应用
安装nuxt.jsNuxt.js官方提功了两种方法来进行项目的初始化,一种是使用
Nuxt.js
团队的脚手架工具create-nuxt-app,一种是根据自己的需求自由配置使用脚手架适合新手,对nodejs
yhtx1997
·
2019-03-13 14:07
使用
Nuxt.js
快速搭建服务端渲染(SSR) 应用
安装nuxt.jsNuxt.js官方提功了两种方法来进行项目的初始化,一种是使用
Nuxt.js
团队的脚手架工具create-nuxt-app,一种是根据自己的需求自由配置使用脚手架适合新手,对nodejs
yhtx1997
·
2019-03-13 00:00
ssr
javascript
mongodb
node.js
koa
Nuxt.js
数据双向绑定的实现
假定我们有一个需求,一开始通过mounted()将一个字符串渲染在页面上,但是我们经过操作后修改了数据并且需要将得到的结果重新异步渲染到页面中去,而不是跳转刷新页面来重新渲染首先模板中data()中定义数据,并且要将定义的数据显示出来{{text}}exportdefault{data(){return{text:'',newText:'1'}},asyncmounted(){let{status
rirmk
·
2019-02-17 11:02
开始使用
Nuxt.js
Nuxt.js
简单的说是Vue.js的通用框架,最常用的就是用来作SSR(ServerSideRender服务端渲染).再直白点说,就是Vue.js原来是开发SPA(SinglePageApplication
Co_zy
·
2019-01-30 18:44
web前端
Nuxt.js
开启SSR渲染的教程详解
第一节:
nuxt.js
相关概述
nuxt.js
简单的说是Vue.js的通用框架,最常用的就是用来作SSR(服务器端渲染).Vue.js是开发SPA(单页应用)的,
Nuxt.js
这个框架,用Vue开发多页应用
程序汪丶
·
2019-01-28 17:55
nuxt.js
填坑之路
初次接触nuxt.jsvuex状态保存篇在传统页面中,我们可以把vuex保存在sessionStorage中,但是
Nuxt.js
使用的是服务端渲染,因此并不存在window对象。
Biao_349d
·
2019-01-24 09:20
Nuxt.js
如何做SEO优化?
Nuxt.js
如何做SEO优化?
Calla_Lj
·
2019-01-22 16:56
VUE
服务端渲染SSR
Nuxt.js
中Axios的使用
Nuxt.js
中Axios的使用1.安装npminstall--saveaxios2.配置为防止重复打包,在nuxt.config.js中配置module.exports={build:{vendor:
Calla_Lj
·
2019-01-22 12:24
服务端渲染SSR
上一页
10
11
12
13
14
15
16
17
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他