Vue+nuxt
Vue+nuxt
前端宇宙
Work hard
展开
-
nuxt的@nuxtjs/axios 使用
一、发送请求1、下载npm i @nuxtjs/axios 或者 yarn add @nuxtjs/axios 2、然后在nuxt.config.js配置文件中配置modules: [ '@nuxtjs/aixos']3、使用:不用导入 axios,因为在 配置文件中导入了,所以可以在 nuxt 上下文中得到,我们就可以解构出来在 nuxt 生命周期中使用 // pages > index.vue<script>export default {原创 2021-07-14 16:16:46 · 4700 阅读 · 1 评论 -
Nuxt.js封装@axios-nuxt
1. 注意安装插件 yarn add @nuxtjs/axios yarn add @nuxtjs/proxy2.在plugins文件夹新建axios.js 内容如下:import { Message ,Loading} from 'element-ui'export default function ({ store, redirect, app: { $axios } }) { let loadingInstance = null; // 后端接口地址 // $axios.defa原创 2021-07-13 16:53:31 · 802 阅读 · 1 评论 -
nuxt.config.js 文件配置
1. head 配置页面默认meta设置具体配置:https://zh.nuxtjs.org/api/configuration-head/2. loading个性化定制页面加载 (默认显示加载进度条)可以定制它的样式,禁用或者创建自己的加载组件。具体配置:https://zh.nuxtjs.org/api/configuration-loading/3. css定义应用的全局样式文件、模块或第三方库具体配置:https://zh.nuxtjs.org/api/configuration-原创 2021-07-03 16:46:11 · 919 阅读 · 0 评论