![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 408 阅读 · 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 · 1964 阅读 · 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 · 1444 阅读 · 0 评论 -
nuxt初学——全部布局与自定义路由
公司要求项目要对SEO友好,但是没了大神的加持,虽然不想学习了,也得硬着头皮来,看了下nuxt,还好比较适合我这种只会vue也学不太进的。 开始学习创建项目之后就遇到项目目录结构比文档上的少,虽然懵逼,硬着头皮自己创建了,没想到没问题。 1. 全局头部布局 首先就来一个全局头部布局的问题,毕竟都想一次注册,终身使用。原来nuxt是提供了的,我的创建项目的时候没有,所以自己创建了一个 layouts 文件夹,下面新增一个 default.vue 文件,默认的布局就是layouts -> default.原创 2021-09-29 16:07:00 · 1158 阅读 · 0 评论