nuxt
吕小胖纸
这个作者很懒,什么都没留下…
展开
-
nuxt配合ant-design-vue的less文件报错.bezierEasingMixin()
在使用nuxt@2.15.7版本配合ant-design-vue开发项目时,需要配合ant-design-vue的样式定制某些主题。首先在根目录下新建目录:index.less为总入口文件public.less为自己写的一些less变量variables.less为定制的ant-design-vue主题样式然后将index.less加入到nuxt.config.js中的css模块中去即可:然后启动项目:发现报错修改如下:在nuxt.config.js的build中添加:随后再原创 2021-10-08 18:05:19 · 461 阅读 · 1 评论 -
nuxtjs——全局方法组件等挂载
nuxt将全局组件以及方法等挂载同意放在了plugins中, 以文件作为区分:例如,想要在此项目中全局挂载antd,那我需要在plugins下新建一个js文件,文件名随意,暂且叫antd-ui.js吧,里面的内容为:import Vue from 'vue';import Antd from 'ant-design-vue/lib';Vue.use(Antd);然后需要在nuxt.config.js中配置plugins:export default { plugins: [ '@/pl原创 2021-09-29 17:53:35 · 2038 阅读 · 0 评论 -
nuxt初学——请求以及代理的配置
不知道为啥,别人的项目直接就有安装请求啥的,但是我的就是没有安装。所以还得自己来安装配置一波。请求一般使用axios了,首先第一步就是npm install @nuxtjs/axios (我以为这些都是最开始集成在项目中的,大意了),然后需要你在nuxt.config.js的mudules中添加’@nuxtjs/axios’,如此就可以在项目中直接使用$axios了。当然开发项目中是离不开配置的,此时可以在nuxt.config.js中配置axios相关,即新增一个axios属性axios: { t原创 2021-09-29 16:48:21 · 1490 阅读 · 0 评论 -
nuxt初学——全部布局与自定义路由
公司要求项目要对SEO友好,但是没了大神的加持,虽然不想学习了,也得硬着头皮来,看了下nuxt,还好比较适合我这种只会vue也学不太进的。开始学习创建项目之后就遇到项目目录结构比文档上的少,虽然懵逼,硬着头皮自己创建了,没想到没问题。1. 全局头部布局首先就来一个全局头部布局的问题,毕竟都想一次注册,终身使用。原来nuxt是提供了的,我的创建项目的时候没有,所以自己创建了一个 layouts 文件夹,下面新增一个 default.vue 文件,默认的布局就是layouts -> default.原创 2021-09-29 16:07:00 · 1174 阅读 · 0 评论