nuxt.js

nuxt.js中 axios的配置

1.下载axiosnpmi@nuxtjs/axios-s2.在nuxt.config.js中配置axiosmodules:['@nuxtjs/axios',],此时，就可以在组件中使用啦asyncasyncData({$axios}){let{res}=await$axios.get(`https://xxx.com/api/xxx`)console.log(res)}3.配置axios的base
慢半帧·2020-08-05 12:36

Nuxt实现的SSR页面性能优化的进一步探索与实践

Nuxt.js官方定义：Nuxt.js是一个基于Vue的通用应用框架。通过对客户端/服务端基础架构的抽象组织，Nuxt.js主要关注的是应用的UI渲染。
大转转FE·2020-08-05 12:03

Nuxt.js + Vue.js + Element-ui

Nuxt.js是一个基于Vue.js的服务端渲染应用框架Nuxt.js官方提供了一个模板，可以使用vue-cli直接安装$vueinitnuxt-community/starter-template但是前提是你已经安装过
NeroSolomon·2020-08-05 12:32

Nuxt.js(创建vue应用程序的框架)

关于nuxt的详细信息--->官网:https://zh.nuxtjs.org/guide一、安装npxcreate-nuxt-app二、目录结构三、路由Nuxt.js路由是依据pages目录结构自
MiemieWan·2020-08-05 12:57

nuxt.js目录结构

|--.nuxt//Nuxt自动生成，临时的用于编辑的文件，build|--assets//用于组织未编译的静态资源入LESS、SASS或JavaScript|--components//用于自己编写的Vue组件，比如滚动组件，日历组件，分页组件|--layouts//布局目录，用于组织应用的布局组件，不可更改。|--middleware//用于存放中间件|--pages//用于存放写的页面，我们
Agwenbi·2020-08-05 12:51

Nuxt.js配合Koa搭建接口与使用Vuex

1.server文件路径下新建路由constRouter=require('koa-router')constrouter=newRouter({prefix:'/city'})router.get("/list",async(ctx)=>{ctx.body=['北京','上海']})module.exports=router2.server下index文件中引入路由constcityInterf
Can_X·2020-08-05 12:31

nuxt.js项目搭建

项目准备：nuxt2项目安装可以使用官方提供的脚手架create-nuxt-app,由于gitbash无法上下选择，所以window用户建议用cmd来搭建项目，首先输入指令$npxcreate-nuxt-appmt-app//mt-app替换成你需要的项目名接下来会有官方提供的一些配置选项，我使用的是以下配置除了上图还有prettier我选择不开启项目搭建成功后，我们的目录结构是这样的然后命令行给
帅帅狗·2020-08-05 12:29

nuxt.js开发项目实践(1)-nuxt目录结构

前言年前就想写一篇这样的文章，但是因为项目太多一直拖到现在才来做这件事，现在感觉不能拖了，用系列的方式来慢慢写吧，也是给自己一个成长的记录与回顾，结合两个项目的实际开发总结一下看看有没有可以借鉴与探讨的地方；最近一次用nuxt.js
weixin_34178244·2020-08-05 12:26

使用nuxt.js官方脚手架构建koa2的es6编译问题

最近在学用nuxt集成koa2做vue后台，发现官方自带脚手架搭建的koa2使用的仍是es5语法，如果想用es6怎么办呢?这是由于自带脚手架在构建koa2时默认的nodemon是没有使用babel编译的，所以我们首先需要在启动命令后加上--execbabel-node"scripts":{"dev":"cross-envNODE_ENV=developmentnodemonserver/index
weixin_33913377·2020-08-05 12:55

vue+nuxt.js+less+Node+koa2+Mongoose 实现个人博客系统

基于Nuxt.js服务器渲染(SSR)构建的个人博客系统博客前端：Nuxt.js+Element-UI+@nuxtjs/axios+Less博客后端:UI层：使用Vue+Vue-Router+Vue-cli
weixin_33809981·2020-08-05 12:55

Nuxt.js + koa2 入门

1.nuxt项目初始化下面是使用koa模板方法初始化一个项目，使用该方法需要将nuxt的版本降至1.4.2；官方https://zh.nuxtjs.org/guide/installation还要提供了脚手架工具，可用使用最新的nuxt2.0版本初始化一个项目。$vueinitnuxt-community/koa-template$cd$npmrundev2.新建路由(创建即配置)在pages目录
George_Fal·2020-08-05 12:54

nuxt.js、koa2项目踩坑

一、在用vue写项目时，写组件必须写上name属性，且在引用组件时，组件名首字母大写，且在模板结构中首字母小写，必须是这样写才可以。组件名首字母大写，模板中用首字母与后面名字用-分隔都不可以。代码如下：组件：{{item.name}}exportdefault{name:'e-nav'}引用组件的父组件：importEnavfrom'../components/index/header/nav'e
sunny327·2020-08-05 12:43

使用nuxt.js构建一个vue项目

使用nuxt2.0官方脚手架，我们需要全局安装npx，输入npmi-gnpx随后切换到想要创建项目的路径输入npxcreate-nuxt-app项目名称再随后会出现一堆配置项，可以集成koa，element-ui等模块，按需选yes或no即可注意：选择axios的时候是敲空格键，不是回车键有可能我们需要输入npmi--update-binary以杜绝编译时node版本的一些隐患如果使用css预处理
旭日佳年·2020-08-05 12:39

【入门】Vue，Nuxt.js，Koa2连接MongoDB（demo）

demo实现效果：对MongoDB的增删改查，表单验证，可编辑的table用到的技术:iview（前端框架，不是重点，本demo只用了可编辑的table）Nuxt.js(服务器端渲染，浏览器右键查看源码会有
盼儿哥·2020-08-05 12:55

nuxt.js-------koa2项目，环境错误一次性解决

nuxt.js虽然好用但是自己的脚手架安装完全是坑cnpmrundev报错确实main.jsnode环境nuxt版本不匹配，在网上找了很多解决方法没有解决，就一次性把所有脚手架和环境都升级到最新版本npminstallbackpack-core
孩子不懒·2020-08-05 12:24

nuxt.js打包上线流程

项目完毕后运行npmrunbuild把staticnuxt.configpackage.json.nuxt拷贝到服务器执行npmi执行npmrunstart后台：(egg)把egg文件夹拖到服务器npminpmrundevpackage.json配置：{"name":"ksproduct","version":"1.0.0","description":"MywondrousNuxt.jsproj
HoMeTown已被占用·2020-08-05 12:11

vue服务端渲染nuxt（三） nuxt.config.js 配置

4、dev：该配置项用于配置Nuxt.js应用是开发还是生产模式。5、env：该配置项用于定义应用客户端和服务端的环境变量。6、generate：该配置项用于定义每个动态路
mschange·2020-08-05 12:54

关于使用Nuxt.js + koa 构建 vue 项目时遇到的问题

npmrundev时，提示Cannotfindmodulemain.js，解决方案如：vueinitnuxt-community/koa-templatenuxt-learnnpminstallnpmrundevnpminstallbackpack-core@0.7.0--save-dev//在nuxt.config.js里找到eslint-loader将ctx.isClient改成ctx.Cli
海布里的冬季·2020-08-05 12:40

vue-ssr框架nuxt填坑

报错>[email protected]:\MaYunProject\nuxt-temp>nuxtE:\MaYunProject\nuxt-temp\node_modules\nuxt\dist\nuxt.js
东曦既上·2020-08-04 22:36

如何在Nuxt项目中给pm2配置生产环境和测试环境

在Nuxt.js项目中，我们有一个全局的环境变量process.env.NODE_ENV，默认情况下，这个变量的值要么是production，要么是development，分别表示生产环境和开发环境。
贾程序员·2020-08-04 21:05

nuxt.js 打包部署及刷新页面404问题解决

nuxt.js打包部署及刷新页面404问题解决一.打包npmrungenerate将生成的dist文件部署服务器上二.刷新404终极解决办法1.在nuxt.config.js文件中添加base为文件路径地址
weixin_43560347·2020-08-04 21:36

记一次服务端渲染的项目搭建（vue nuxt.js）

nuxt.js简介nuxt.js是基于vue.js的服务端渲染框架(SSR),众所周知，vue是开发单页应用(SPA)的，正常的流量网站主要是通过各种浏览器的搜索引擎来抓取的，而SPA应用不利于SEO，
weixin_39762508·2020-08-04 20:08

nuxt.js项目部署到linux服务器，并使用域名访问（说明遇上的大坑，首页静态资源可以访问，但是接口全部失效）

1.背景如今ssr是非常流行的，而vue使用的ssr正是nuxt.js，由于nuxt.js和普通的vue项目不同，它是有自带的服务器的，所以部署到linux的方式也和vue单页面应用不同2.步骤2.1准备源代码一般我都是直接把源码中的除了
巴中第一皇子·2020-08-04 20:54

Nuxt.js 开发SSR(服务端渲染)Web应用

与vuepress的关系：Nuxt.js能够胜任VuePress的功能，但它专为构建应用程序而设计，而VuePress更适合构建以内容为中心的静态站点，如技术文档，博客等。
kenblikylee·2020-08-04 20:13

Nuxt.js服务端渲染实践，从开发到部署

感悟经过几个周六周日的尝试，终于解决了服务端渲染中的常见问题，当SEO不在是问题的时候，或许才是我们搞前端的真正的春天，其中也遇到了一些小坑，Nuxt.js官方还是很给力的，提issue后很积极的给予帮助
weixin_34416649·2020-08-04 20:33

Vue 爬坑之路（十一）—— 基于 Nuxt.js 实现服务端渲染（SSR）

这时候就需要服务端渲染2016年10月25日，zeit.co背后的团队对外发布了一个React的服务端渲染应用框架Next.js几小时后，一个基于Vue.js的服务端渲染应用框架应运而生，与Next.js异曲同工，这就是Nuxt.js
weixin_34391854·2020-08-04 20:27

nuxt.js项目部署到生产环境时其中后端接口写外网地址不行的问题

最近写nuxt.js项目部署到生产环境遇到了各种各样的问题。
sunny327·2020-08-04 18:08

nuxt.js项目使用pm2部署测试环境和生产环境的配置

先说下需求：目前是一个项目是一个nuxt-app,如果要启动多个nuxt项目时，这时就需要不同的项目使用不同的端口号，这样可以做到互不影响。此项目中的用的端口号是5000，但是在ecosystem.config.js中怎么都加不上端口号，后来经过网上搜索和自己的一番配置，生产环境还是监听不到5000端口，其实质还是服务没有启动。后来经过查看官方文档和参考https://juejin.im/post
sunny327·2020-08-04 18:08

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