![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
nodejs
buyue__
这个作者很懒,什么都没留下…
展开
-
React使用css module设置className多类名
import globals from '../../public/styles/globals.module.scss'单类名设置<div className={globals.channelLink}>联系我们</div>多类名设置方式1:<div className={[`${globals.link}`,`${globals.width20}`].join(' ')}>方式2:<div className={`${globals.link原创 2022-03-21 17:03:39 · 2442 阅读 · 0 评论 -
Error: error: Expected ‘,‘, got ‘className‘ in nextjs
Error: error: Expected ‘,’, got ‘className’ in nextjs原因:ReactJS doesn’t allow 2 parent elements, make sure to use a div as parent elementreturn ( <div> <Head> ... </Head> <form>原创 2022-03-18 17:02:09 · 632 阅读 · 0 评论 -
Postman用法
Collection:请求的合集设置脚本运行查看控制台Postman工具之collection集合原创 2021-08-04 16:24:15 · 72 阅读 · 0 评论 -
PM2的使用
官网supervisor与pm210分钟入门PM2十个PM2中冷门但实用的功能原创 2021-08-04 11:45:48 · 70 阅读 · 0 评论 -
NodeJs: 制作mock数据
NodeJs: 制作mock数据原创 2021-07-25 11:43:01 · 137 阅读 · 0 评论 -
Express全系列教程4-作为前端和后台的中间层
方案一:使用node自带的http模块方案二:使用第三方的request模块这里演示request模块#先安装npm i request/routes/index.js增加代码var request = require('request');router.get('/baidu/index',function(req,res,next){ var url = 'https://baidu.com'; request(url,function(error,response,bo原创 2021-07-25 10:46:11 · 158 阅读 · 2 评论 -
Express全系列教程3
npm install --save-dev cross-env修改package.json文件的scripts部分 "scripts": { "start": "cross-env NODE_ENV=production node ./bin/www", "dev": "cross-env NODE_ENV=development supervisor ./bin/www" },项目根目录增加文件夹config,用于存放配置文件新增development.js文件,内容如原创 2021-07-23 17:46:55 · 165 阅读 · 0 评论 -
Express全系列教程2
调整布局目录在 views目录下创建layouts文件夹,并把views目录下的layouts.hbs文件移到layouts文件夹里面,再把layout.hbs重命名成main.hbs调整app.js的代码#增加//指定默认layoutapp.set('view options', { layout: 'layouts/main'});增加其他布局views/layouts下增加tt.hbs文件,内容如下<!DOCTYPE html><html> <h原创 2021-07-23 10:54:18 · 272 阅读 · 0 评论 -
Express全系列教程1
cd /website#创建项目文件夹mkdir testProcd testPro#-y表示使用默认配置初始化npm init -y原创 2021-07-22 16:03:44 · 352 阅读 · 0 评论 -
nodeJs查看和设置镜像源
#查看npm config get registry#设置npm config set registry https://registry.npm.taobao.org原创 2021-07-22 15:49:59 · 6259 阅读 · 0 评论 -
npm安装全局模块后执行提示未找到命令
某模块成功全局安装,但在使用时提示‘未找到命令’先来找到Nodejs的安装路径npm prefix -g我这里会显示 /usr/local/nodejs/node-v12.14.1-linux-x64将上面显示的路径加入到环境变量的Path条目中即可vi /etc/profile在最后添加如下一行export PATH=/usr/local/nodejs/node-v12.14.1-linux-x64:$PATH保存编辑使其生效source /etc/profile...原创 2021-02-20 10:46:20 · 2482 阅读 · 0 评论 -
http-server
http-server是一个轻量级的基于nodejs的http服务器,它最大好处就是:可以使任意一个目录成为服务器的目录,完全抛开后台的沉重工程,直接运行想要的js代码。安装npm i -g http-server运行在要成为服务器的目录下运行如下命令http-server若要禁用缓存,请使用如下命令运行http-server -c-1运行后在浏览器输入http://localhost:8080/或者http://127.0.0.1:8080就可以打开目录啦...原创 2020-07-01 15:32:28 · 299 阅读 · 0 评论 -
Express-generator快速搭建基础框架
全局安装npm i -g express-generator切换到你的站点目录cd /website/wwwroot创建名为express-app的项目express express-app原创 2020-05-06 15:24:05 · 1482 阅读 · 0 评论 -
Nodejs全局安装模块后提示找不到模块的解决方法
错误提示如:Error: Cannot find module ‘XXXX’检查一下 Nodejs 的模块安装路径npm prefix -g我本机显示/usr/local/node-v10.16.3-linux-x64编辑/etc/profilevi /etc/profile在环境变量中加入NODE_PATHexport NODE_PATH="/usr/local/node-...原创 2020-05-06 15:10:50 · 2852 阅读 · 0 评论 -
koa-router 路由拆分
https://blog.csdn.net/weixin_30363817/article/details/96367416原创 2019-12-25 10:30:11 · 657 阅读 · 0 评论 -
Koa获取第三方网站数据再渲染
控制器 /controllers/home.jsconst UserService = require('../services/user');module.exports = { index:async(ctx,next) => { let data = await UserService.info('xxx','xx'); await ctx...原创 2019-12-24 23:17:41 · 435 阅读 · 0 评论 -
Koa统一错误异常处理
koa官方文档app.on("error", (err, ctx) => { /* 你的处理 */});但是遇到404 并不会触发为此改用另外一套方案const koa = require('koa');const app = new koa();//统一错误异常处理app.use(async (ctx, next) => { let status...原创 2019-12-22 11:51:16 · 3380 阅读 · 0 评论 -
NODE_ENV和cross-env的使用
场景:不同环境加载不同配置时,我们通常会在package.json设置不同的NODE_ENV,如 "scripts": { "start": "NODE_ENV=production node ./server/app.js", "dev": "NODE_ENV=development nodemon -L ./server/app.js" },该配置在Linux下运行...原创 2019-12-21 11:39:23 · 1443 阅读 · 0 评论 -
前端项目目录结构规范
src+ |- /tpl+ |- /js+ |- /css+ |- /img+ |- /font+ |- /docsrc为源代码目录,代码编写目录tpl:html等视图文件js:javascript文件css:样式文件img:图片font:字体文件doc:文档文件asset+ |- /tpl+ |- /js+ |- /csssrc为构建工具生成后的目录,也就...原创 2019-12-21 10:33:16 · 2441 阅读 · 0 评论 -
koa静态资源中间件koa-static
koa-static是静态资源请求中间件,静态资源例如html、js、css、jpg等等。原生koa2也可以实现,但是比较麻烦,使用该中间件十分方便。npm install --save koa-staticupload文件夹为静态资源文件夹const Koa = require('koa')const path = require('path')const static = requ...原创 2019-12-21 09:56:24 · 371 阅读 · 0 评论 -
Nodejs代码热更新之nodemon
我们每次修改node代码之后都需要重启服务器才能看到最新的效果,nodemon是一个检听node代码文件变化的工具,文件一旦变更,就会自动重启node服务。#全局安装npm install -g nodemon#或者npm install --save-dev nodemonpackage.json配置项 "main": "index.js", "scripts": { ...原创 2019-12-20 13:57:41 · 580 阅读 · 0 评论 -
npm install遇到sha认证失败问题
提示 integrity checksum failed when using sha1:解决方案npm cache verify原创 2019-12-20 10:32:22 · 2657 阅读 · 0 评论 -
Koa结合webpack实现自动刷新
在我们开发的过程中,我们会使用webpack-dev-server实现自动刷新,webpack-dev-server会把编译后的文件全部保存在内存里,而不会写入到文件目录内。但当我们的开发是前端(React)和后端(Koa)在一个项目里的时候就不行了,需要分开编译。创建工程mkdir koaDemocd koaDemo#-y表示使用默认配置初始化npm init -y安装koa相关依...原创 2019-12-20 10:31:17 · 427 阅读 · 0 评论 -
Backend For Frontend (BFF)
http://www.ayqy.net/blog/backend-for-frontend-bff/原创 2019-12-18 22:44:09 · 263 阅读 · 0 评论 -
npm 根据package.json来安装第三方包
https://www.cnblogs.com/sese/p/10119511.html原创 2019-12-18 22:02:57 · 3627 阅读 · 0 评论 -
nextjs
mkdir nextjs-projectcd nextjs-projectnpm init看到package.json文件https://nextjs.frontendx.cn/docs/#%E5%AE%89%E8%A3%85npm install --save next react react-dom将下面脚本添加到 package.json 中{ "scripts":...原创 2019-12-16 21:52:06 · 132 阅读 · 0 评论 -
koa2快速入门
在前篇的基础上继续操作分离Router安装koa-router模块npm install koa-router -save/website/testPro目录下创建router.js文件const router = require('koa-router')();module.exports = (app) => { router.get('/',async(ctx,n...原创 2019-10-03 11:35:26 · 139 阅读 · 0 评论 -
Node.js快速入门
官网下载Node.js这里以CentOS为例cd /wget https://nodejs.org/dist/v10.16.3/node-v10.16.3-linux-x64.tar.gztar -zxvf node-v10.16.3-linux-x64.tar.gzcd node-v10.16.3-linux-x64/binls./node -v...原创 2019-10-02 21:12:48 · 195 阅读 · 0 评论