技术标签: nginx JavaScript 前端 常用框架 brew
因为需要本地开发模拟线上环境,所以应用json-server mock数据通过nginx配置反向代理反向代理,通过修改host 来绑定域名。通过查找多篇文档配置成功。
因为我是mac环境下开发,所有用brew下载
$ brew install nginx
# 安装完成后会看到
# /usr/local/etc/nginx/nginx.conf 配置
# /usr/local/etc/nginx/servers/ 服务区默认路径
# /usr/local/Cellar/nginx/1.10.1 安装路径
# 推荐一个快捷键 command+shift+g 前往文件夹
Nginx 默认8080端口,
这时已经可以访问了:localhost:8080
如果成功就会看到 nginx的欢迎页面
打开/usr/local/etc/nginx/nginx.conf 文件
#user nobody;
worker_processes 1;
#error_log logs/error.log;
#error_log logs/error.log notice;
#error_log logs/error.log info;
#pid logs/nginx.pid;
events {
worker_connections 1024;
}
http{
server {
//监听端口号
listen 80;
//反向代理的域名
server_name www.baidu.com;
location / {
//本地模拟服务器地址及端口
proxy_pass http://127.0.0.1:8888/;
}
}
}
$ sudo vi /etc/hosts
# 输入自己的密码
# 按 i进入插入模式
##
# Host Database
#
# localhost is used to configure the loopback interface
# when the system is booting. Do not change this entry.
##
127.0.0.1 localhost
255.255.255.255 broadcasthost
::1 localhost
#百度 本机模拟数据的ip
127.0.0.1 www.baidu.com
# 启动服务
$ sudo nginx
# 停止服务
$ sudo nginx -S stop
此时nginx的基本搭建已经完成
# 下载json-server
$ npm install -g json-server
# 安装不成功 用管理权限 sudo
# sudo npm install -g json-server
任意路径创建一个文件夹
# 执行
$ npm install faker lodash -S
创建一个文件generate.js(名字是什么不重要)
//generate.js文件
module.exports = function(){
var faker =require('faker');
var lodash = require('lodash');
return {
people: lodash.times(100,function (n) {
return {
id: n,
name: faker.name.findName(),
avatar: faker.internet.avatar(),
img: faker.image.image(),
text: faker.lorem.text()
}
})
}
}
# 启动json-server 服务
# 端口号默认3000
# 通过 -p 可以修改端口号
$ json-server generate.js -p 3004
此时可以通过 http://localhost:3004/people 来访问刚刚模拟的数据了
查询(get)
查询全部
http://localhost:3004/people
查询单条
http://localhost:3004/people/1
#这里 1 为id
http://localhost:3004/people?id=1
# 此种方法可以查任意字段 如 name=name
查询多条
http://localhost:3004/people?id=1&id=2
#查询结果为 id为1和id为2的数据
http://localhost:3004/people?_start=0&_end=20
# 查询0条到20条
http://localhost:3004/people?_start=0&_limit=10
#查询从0开始向后取10条
过滤
http://localhost:3004/people?id_ne=1
#显示排除id=1的所有数据
http://localhost:3004/people?q=Aufderhar
#q= 全文搜索
插入数据(post)
插入数据
header设置 Content-Type:application/json
数据格式为json字符串
例如:JSON.stringify({"title":"title"})
使用post请求后 回调结果为{id:100,title:title} 则成功插入
删除数据(DELETE)
单个删除数据
method:DELETE
url:http://localhost:3004/people/100
单个修改数据
method:put
url:http://localhost:3004/people/100
使用方法(只描述一种 具体请看文档)
address
例如我们需要模拟城市名称则这样做
fker.address.city()
fker | address | city |
---|---|---|
require进来的方法 | 分类 现在为address具体请看文档 | address下的方法 |
详情查看官方文档 |
文章浏览阅读269次。优先级:LaunchScreen > LaunchImage 在xcode配置了,不起作用 1.清空xcode缓存 2.直接删掉程序 重新运行 如果是通过LaunchImage设置启动界面,那么屏幕的可视范围由图片决定 注意:如果使用LaunchImage,必须让你的美工提供各种尺寸的启动图片 LaunchScreen:Xcode6开始才有..._ios launchscreen 启动图拉伸变形
文章浏览阅读990次。(上图是圣卡塔利娜岛,美国南加州的一个小岛,也是 mac OS 10.15 版本的官方默认壁纸)___概述Hello,大家好,我们又来讲面试中的基础题了,今天这是一道很经典又很猥琐的题说猥琐是因为这两个异常名字比较近似,但事实上他们完全不同,导致很多同学会经常容易把它们搞混说经典是因为由这道题可以引出的问题有很多,例如:考察候选人对 Java 异常体系的熟悉程度考察候选人对异常体系分..._classnotfoundexception openfire
文章浏览阅读1.5k次。linux 磁盘IO测试工具:FIO (同时简要介绍dd工具测试)来源:cnblogs 作者:xuyaowen 时间:2019/4/12 8:59:14 对本文有异议FIO是测试IOPS的非常好的工具,用来对硬件进行压力测试和验证。磁盘IO是检查磁盘性能的重要指标,可以按照负载情况分成照顺序读写,随机读写两大类。目前主流的第三方IO测试工具有fio、iometer和 Orion,这三种工具各有千秋,在linux 下也可以使用dd 进行简单的磁盘(文件系统)测试(文末补充)。fio在L._dd和fio测试写盘速率
文章浏览阅读4.2k次。目录 一、引言 二、个人网站 三、Oracle/支付宝/旺旺 四、淘宝技术发展(Java时代:脱胎换骨) 五、淘宝技术发展(Java时代:坚若磐石) 六、淘宝技术发展(Java时代:创造技术-TFS) 七、淘宝技术发展(分布式时代:服务化) 作者:赵超 一、引言 光棍节的狂欢 “时间到,
文章浏览阅读526次。基于JSP动漫论坛的设计与实现摘 要作为文化产业的一部分,动漫影响了我国一代又一代青少年,据钱江晚报调查显示,有超过七成的95后愿意从事与动漫相关的行业,可见其对青少年影响力之大。动漫论坛作为最先开始热爱动漫人士进行交流的方式之一,是爱好者们共享信息,寻找同伴的重要渠道之一。在这次毕业设计中,使用MVC模式,采用MySQL5.0数据库和JSP技术,开发了界面友好、操作简单易懂的动漫论坛。在设计过程中,在以下论文里说明了九重天动漫论坛系统的设计方案,主要包括系统运用的关键技术,数据库设计,对各个功能模块的详细_动漫论坛系统的摘要
文章浏览阅读393次。所以using partial = typename std::conditional::type;因此cout
文章浏览阅读3.2k次。由于要做并行计算,现在要把机器配置成两台无密码可以互相访问。现在来说说具体配置rsh的流程。机器配置:64位机,4核,X86服务器主机,装centos 4.8 64位操作系统。网络互通采用infiniband网卡通信。 1、检查有无安装rsh-server包[root@node1 ~]# rpm -qa rsh-server若没有安装,则可以通过下面的命令来安装。2、_linux 脚本免密码 rsh
文章浏览阅读135次。问题来源:http://acm.nyist.edu.cn/JudgeOnline/problem.php?pid=860描述 有n个重量和价值分别为wi 和 vi 的 物品,从这些物品中选择总重量不超过 W 的物品,求所有挑选方案中物品价值总和的最大值。 1 <= n <=100 1 <= wi <= 10^7 1 &am_入格式 第一行输入,n 和 w ,接下来有n行,每行输入两个数,代表第i个物品的wi 和 vi
文章浏览阅读4.8k次,点赞5次,收藏27次。1.首先,你后台的项目列表中有可以访问的图片,如下(我将图片保存到数据库并同步保存到项目文件夹的static中)2.输入http:localhost:后台的端口+图片的名称有的同学可能看不懂上面的地址,我举个例子http://localhost:8188:111.jpg(就是这个样的),意思是你的端口地址加上图片的名称就可以访问当前的图片了3.前端部分代码,只展示显示图片部分的 <el-table style="width: 100%" height="330px" :data="ta_怎么在数据库中存图片通过后台获取传给前台在vue页面表格中显示
文章浏览阅读202次。基于c++开发的最新版,支持各种格式导出,同时支持通达信 大智慧 同花顺联动,持续更新中,需要的可与留言!_龙头复盘神器6.1最新版
文章浏览阅读1.1w次,点赞3次,收藏6次。openwrt默认主题为luci-theme-bootstrap,可在web界面进行修改,也可直接在代码中修改配置信息,默认自己的主题修改前:openwrt默认luci主题luci-theme-bootstrap .config - OpenWrt Configuration > LuCI > 4. Themes ────────────────────────────────────────────────────────────────────────────── ┌─────._openwrt theme
文章浏览阅读7.2w次,点赞34次,收藏336次。第0章 序言1.课后题汇总(仅部分)第一章 思考题:1、2、4、5第二章 习题:10、12、16第三章 习题:9第四章 思考题:4、5、6第五章 习题:11第六章 习题:2、6第七章 思考题:2、3、4 习题:4、7、8第八章 习题:2第九章 思考题:5、6 习题:2、3第十章 习题:1、2第十一章 思考题:1、2、3第十二章 思考题:1、3、4、7第十三章 思考题:..._密码编码学与网络安全第七版课后答案