React之模拟数据库json-server 2019-01-26

在前端开发的时候，我们有时候需要验证一些异步请求返回数据后的交互效果，那么就需要搭建一个nodejs服务器来模拟，但是需要自己去在node项目中写比较麻烦，json-server就是快速搭建这样一个node服务器，你只需要创建一个json的文件，然后监听这个文件就可以了

这里我使用yarn本地安装并演示json-server，因为我npm已经有了全局的json-server

终端命令：

现在你已经运行了一个小的服务器，通过向 >浏览器无法直接调用React项目里的代码接口，因为React代码是运行在客户端（浏览器）的JavaScript环境中的，而浏览器不允许JavaScript直接访问其他域名下的资源。
如果需要在浏览器中访问React项目的代码接口，可以通过暴露API接口或使用跨域方案来实现。具体步骤如下：
1 在React项目中定义API接口
可以使用Expressjs或其他Web框架定义API接口，将接口暴露给浏览器端。
2 使用跨域解决方案
通过设置CORS（跨源资源共享）或JSONP等方式来跨过浏览器所限制的同源策略，从而让浏览器能够访问其他域名下的资源。
3 在浏览器端使用JavaScript请求API接口
在浏览器端使用JavaScript的fetch() API或axios库等方式向上述API接口发送请求，获取数据并进行处理。
需要注意的是，为了保证数据安全性，应该对API接口进行身份验证和授权，避免恶意访问和滥用。

请输入以下命令 cd /alidata/server/nginx/conf/rewrite 再输入：ll 看看是不是像下面截图的一样 对了。这些就是伪静态规则文件。我们打开phpwindconf看看。 我们已经在rewrtie目录下配置了常见程序的伪静态规则。您可以直接调用。 如果没有就按照 程序名conf的命名方式新建一个配置文件 配置文件搞清楚了，你可能会说好像网站伪静态还是啊。别着急，因为伪静态规则是需要被网站配置文件调用才行的。 输入以下命令 cd /alidata/server/nginx/conf/vhosts 进入到网站配置目录 修改好伪静态调用文件 下面测试下我们配置的文件是否正确吧 输入： /alidata/server/nginx/sbin/nginx -t 看到了么？ nginx: the configuration file /alidata/server/nginx/conf/nginxconf syntax is ok nginx: configuration file /alidata/server/nginx/conf/nginxconf test is successful 如果出现以上两句话就说明配置成功了。下面重启下nginx /alidata/server/nginx/sbin/nginx -s reload 恭喜您，伪静态配置完成！ 总结，其实与其它自行安装的服务器区别在于相关文件目录位置问题了

---

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/zz/10627442.html