next
浪迹前端
混迹前端,浪迹前端
展开
-
nextjs使用mobx教程
nextjs使用mobx教程安装资源npm install mobx mobx-react --save 或者 yarn add mobx mobx-react新增store.js文件import { observable, action } from 'mobx'class IndexStore { @observable count = 0 @action changeCount(val) { this.count += val }}export def原创 2020-07-22 18:47:56 · 1625 阅读 · 0 评论 -
nextjs的alias路径配置
nextjs的alias路径配置安装资源npm install --save-dev babel-plugin-module-resolver 或者 yarn add babel-plugin-module-resolver --dev根目录新增.babelrc{ "presets": ["next/babel"], "plugins": [ [ "module-resolver", { "alias": { "原创 2020-07-22 18:47:31 · 2801 阅读 · 1 评论 -
nextjs使用scss或less
next默认只支持css,要想支持scss或less则需要一些配置安装资源npm install --save @zeit/next-sass node-sass 或者 yarn add @zeit/next-sass node-sassnpm install --save @zeit/next-less less 或者 yarn add @zeit/next-less less在next.config.js中配置// css跟less 并存使用const withCSS = req原创 2020-07-11 17:30:23 · 5887 阅读 · 1 评论 -
nextjs 怎么发请求获取数据
用next框架开发了一段时间,讲一下next怎么发起请求获取从服务器获取数据一。页面首次打开请求数据自己封装的next请求封装库 有兴趣的小伙伴可以看一下import React from 'react';import { getTopicsApi } from '../../util/service'; // 自己封装的请求class Demo extends React.Components { // 第二种写法 static getInitialProps() { //原创 2020-07-11 16:55:29 · 5267 阅读 · 0 评论 -
nextjs 基于 isomorphic-unfetch 封装自己的请求库
封装是为了自己更好的玩耍,给大家参考一下,可根据自己的需求增加属性或方法~第一步。封装自己的请求类【文件名:SelfFetch.js】yarn add isomorphic-unfetch 或者 npm i isomorphic-unfetch --saveimport fetch from "isomorphic-unfetch";class SelfFetch { // 让每个promise请求都trycatch async baseMethod(fn) { if (fn)原创 2020-07-11 16:53:50 · 1857 阅读 · 0 评论