Nuxt
关注
分享
扫一扫
Nuxt
小道仙97
一个不务正业的程序员，梦想成为家庭煮夫。【五十岁退休】
展开
-
Vue、Nuxt页面展示MarkDown
文章优先发表在个人博客，后期更新可能忘记同步到优快云上面，给你带来不便抱歉个人博客本篇文章地址： https://www.xdx97.com/article?bamId=672192777479520256今天在做留言功能的时候，需要在页面展示markdown语法这里给大家推荐： showdown ，感觉它还不是特别好用，但着实简单。1、安装引入1、可以使用 npm 安装，但是...原创 2020-01-30 09:42:27 · 1569 阅读 · 3 评论 -
Nuxt打包vendors.app.js很大，Nuxt打包优化。【Nuxt打包问题解决】
1、所有文章优先发表在个人博客上： https://www.xdx97.com2、后续如果有修改的话，可能忘记更新到优快云了，给你带来不便，抱歉。3、个人博客本篇文章地址 ： https://www.xdx97.com/article?bamId=647110491071578112最开始打包vendors.app.js是2.8M，最终打包时是1.8M虽然并没有打包到极致，但是对...原创 2019-11-21 16:44:45 · 8654 阅读 · 5 评论 -
Nuxt配置百度统计，并公开统计解决
文章优先发布在个人博客，欢迎访问小站 https://www.xdx97.com/article?bamId=6431006585509642241、Nuxt配置百度统计1-1:配置插件/** 百度统计代码嵌入 */export default ({app: {router}, store}) => { /* 每次路由变更时进行pv统计 */ router.after...原创 2019-11-10 14:54:14 · 986 阅读 · 2 评论 -
Nuxt "generate"和"build"打包方式的区别
昨天我还在对这个问题疑惑不解，嗯，今天竟然有点心得了。相信需要SEO打包的人都会有这个问题，下面我就把这两天收获写下来。"generate"和"build"打包方式主要有两个区别，文件的区别，和发布的区别1、文件的区别 generate 1-1:使用generate打包后每个对应的页面都会生成一个html，你在打包的时候不能关闭后台，他会请求后台数据生成首屏的数据...原创 2019-10-25 17:24:45 · 11171 阅读 · 2 评论 -
Nuxt使用“build”和“generate”打包发布【CentOs7】，踩了N个坑得出得经验
generate打包发布使用命令 npm generate 打包完成后会生成一个 dist 文件夹，拿到这个文件夹后就和vue之前的发布一样了，比较简单这里就不说了。（打包的时候后台需要开着）build打包发布1、使用命令 npm build 打包，会生成一个 .nuxt 文件夹。2、安装node/npm（这也是蛋疼的一点不能全部靠nginx发布） Linux下安装Node / npm...原创 2019-10-25 17:22:53 · 9360 阅读 · 5 评论 -
使用mavonEditor写文章，并且很好的预览。
最近在写博客，选了好久的编辑器最终选中了mavonEditor，它也没有让我失望，下面我们就来看一下它的使用吧1、演示（先来看一下我做成的最终效果吧）1-1:编辑1-2：预览 （由于截图工具的原因，没有全部框出来。一直到点个赞上面都是噢）2、解释2-1、我编辑和预览都是用的mavonEditor。最开始我想自己去实现预览功能，我发现这个想法是愚蠢的 2-2、使用mavonEd...原创 2019-08-25 22:18:53 · 9774 阅读 · 25 评论 -
NuxtServerError connect ECONNREFUSED 127.0.0.1:80
异常截图我是在使用 nuxt 的 asyncData 方法遇到了这个问题。最后解决办法是补全访问 url其实我们在配置axios的时候已经配置过了前缀，但是不知道为什么在这里不行，所以需要写全url报错的写法解决方法一：补全路径解决方法二：拦截器里面配置前缀import { message } from 'ant-design-vue/lib'export defa...原创 2019-08-22 23:43:48 · 6350 阅读 · 0 评论 -
nuxt引入QQ互联的js
这里我只说怎么引入QQ互联的js，其它的操作和别的一样。有问题，也可以给我留言。网站QQ互联需要引入一个js如下： <script type="text/javascript" charset="utf-8" src="http://connect.qq.com/qc_jssdk.js" data-appid="x...原创 2019-09-01 16:05:52 · 744 阅读 · 1 评论 -
Nuxt全局引入JS、CSS，单个页面引入JS、CSS，nuxt引入外部JS、CSS
下面以wangEditor编辑器为外部JS/CSS，作为演示的例子方法一、全局引入CSS方法二、使用nuxt提供的head属性，全局/单独引入JS、CSS原创 2019-09-01 16:20:46 · 11491 阅读 · 2 评论 -
mavonEditor 修改预览背景颜色、去除边框和阴影
mavonEditor 默认背景是灰色，这可能在展示给用户的时候不太友好。mavonEditor 的官方文档写的很清楚，所以用法跟简单。这里说一下去除的是预览模式下的背景和边框1、去除背景阴影:boxShadow="false"2、去除背景色，和边框2-1：我这里是用nuxt做演示，思路是写个全局css覆盖它的样式就好了...原创 2019-08-25 22:00:03 · 4651 阅读 · 2 评论 -
mavonEditor获取纯文本
mavonEditor是一款基于vue非常好的富文本编辑器1、我在做博客的时候，需要用到纯文本做简介。但是很无奈，找到了作者的回答，但是有点问题。使用 v-model 绑定的值依旧是markdown语法的2、幸运的是我找到了另外一种解决的办法使用正则去获取纯文本(java版本)，思路已经给了，你用js、php…啥都行private String removeHtml(String ...原创 2019-08-01 22:22:34 · 1902 阅读 · 0 评论 -
按需导入antd/ant-design-vue,Nuxt按需导入antd/ant-design-vue
1、首先我在创建项目的时候就选择了antd这个框架，所以插件那块会有一个antd-ui.js如果没有的话，可以npm安装以下antd，然后按照上面的目录建立一个jsnpm i ant-design-vue1、按需导入import Vue from 'vue'import { Carousel } from 'ant-design-vue/lib';import 'ant-des...原创 2019-07-03 21:37:50 · 3472 阅读 · 0 评论 -
antd-skeleton【antd之骨架屏使用-vue版】
原地爆炸，antd的生态是真的不好。希望开发者多上点心吧想做个骨架屏，全网没有搜索相关的文章，然后强行去看文档（文档的例子也是少）没想到做完之后还这么丑，我。。。直接把代码给大家吧，大家应该就懂了怎么使用...原创 2019-07-03 22:35:46 · 4305 阅读 · 0 评论 -
Nuxt 中使用 axios【ssr访问和非ssr访问】
网上找了一下nuxt使用axios，发现都写的不是很全面，这里把我整理好的，记录下来。致力于帮助有缘人第一步：安装axios，虽然我在创建项目的时候选择了axios，但是用的时候发现好像并没有npm i @nuxtjs/axios第二步：配置nuxt.config.js (下面的代码你只需要把prefix改成你的后台访问前缀就好了) modules: [ ...原创 2019-07-14 21:45:54 · 12733 阅读 · 5 评论 -
nuxt使用vuex
先简单的使用一下vuex，也是初学，在这里写下笔记，帮助有缘人nuxt已经继承了vuex，我们无需安装。第一步：在store文件夹下面创建index.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = () => new Vuex.Store({ state: { ...原创 2019-07-07 15:07:34 · 2105 阅读 · 2 评论 -
nuxt，axios中使用Vuex【获取Vuex中的值】
登录的时候，需要设置一个token请求头，想在axios里面全局配置一下找了半天，终于被我找到了。原创 2019-07-24 22:03:40 · 3555 阅读 · 1 评论 -
nuxt使用axios配置拦截器
第一步：安装axios npm npm i @nuxtjs/axios第二步：配置 nuxt.config.js modules: [ '@nuxtjs/axios', ], axios: { prefix: 'http://127.0.0.1:8185/api/', pr...原创 2019-07-21 18:34:31 · 8376 阅读 · 1 评论 -
nuxt使用vue-particles
本来应该是一个很简单的事情，但是不知道怎么弄了这么半天。下面说一下，使用插件的方式使用vue-particles第一步：安装npm i vue-particles第二步：在plugins下面创建 vue-particles.jsimport Vue from 'vue'import VueParticles from 'vue-particles'export default...原创 2019-07-22 22:12:32 · 1017 阅读 · 0 评论 -
nuxt刷新页面Vuex失效，在axios中使用vuex【vuex-persist，localStorage，Cookie。三种办法解决】
弄了几个小时，才算是解决nuxt刷新vuex失效的问题。在vue中使用的方法在这里没用原创 2019-07-28 17:21:28 · 7248 阅读 · 4 评论 -
nuxt初学之创建nuxt项目
准备工作：npm5.2.0+1、创建nuxt项目// blog 项目名npx create-nuxt-app blog 第二步：启动nuxt项目原创 2019-06-25 22:13:56 · 1388 阅读 · 0 评论