有的人为什么喜欢用React？

一个 React 组件可以简单地被认为是返回元素的函数（或者至少有一个具有这样的功能的类）。 这种功能性方法对于 Javascript 开发人员是非常自然的。 传入数据，得到元素。 如果你有一堆内容在数组当中，你可以简单地将它们遍历出一系列元素。 如果你想排除这些项目中的某一些元素，你可以使用 Array 数组对象中的 filter 方法和 map 方法去处理元素并且得到结果。这个功能性工作流程完美地反映了您对应用程序的其他部分的理解。 这种方法是对Javascript的优势的补充。一个 Vue 组件更像是一个能够从数据结构当中引用数据的模板。它包含了一个 DSL（Domain specific language），虽然是次要的，但是显然是完全没有必要的。我不需要 v-for 因为我可以使用 map()。我不需要 v-if 因为我可以使用普通的老旧的 if。模板至少会带来一定程度的有限或无益的认知压力。模板还引入了作用域的问题。 如果我将一些静态数据导入到我的 React 组件中，我可以在我的渲染函数中使用它，因为所有标准的 JavaScript 作用域规则都应用于此。 它只是一个 函数，与其他任何 函数 完全一样。 Vue 的模板与 Javascript 的单独作用域相互作用，因此您必须将该静态数据写到 Vue 组件中，并将其作为计算属性字段返回。 这些东西都不是特别痛苦，但都是不必要的。

请输入以下命令 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 恭喜您，伪静态配置完成！ 总结，其实与其它自行安装的服务器区别在于相关文件目录位置问题了

本文主要介绍如何搭建个人网站，并将项目部署到腾讯云。
前端：React，
后端：SpringBoot，
云服务：centos7

建议使用create-react-app创建react项目包，简单快捷。

进入项目路径，开始运行

直接使用项目自身的build指令进行打包，完成后会在项目根目录多出一个build文件夹

build文件中包含项目打包后的js、css、html等资源。下一步的部署，就是将这一build文件上传到云服务器，并通过nginx指向build。

将上一过程中的build文件上传到云服务器，推荐使用ForkLift， 使用教程 。

进入云服务器，找到nginx文件，修改root指向build路径， nginx配置教程 。

上述 *** 作完成后，打开域名后，页面即为react项目的首页。

建议使用idea进行springboot项目的开发(专业的事情交给专业的工具，简单些)。

idea搭建一个springboot项目

mysql： 官方地址
mysql管理工具Navicat： 官网地址
如果本地不想安装mysql，也可以直接在服务器上进行安装，然后在本地访问， 服务器安装mysql并实现远程访问 。

将本地springboot项目打包后，上传到云服务器并启动， Spring boot项目部署到腾讯云服务器 。
关于项目的启动并保持一致运行：可以在控制台输入

回车，nohup命令可以让你的shell命令忽略SIGHUP信号，即可以使之脱离终端运行；“&”可以让你的命令在后台运行。

至此，前后端项目都已安装在云服务器上。

原文地址： react+springBoot 项目部署到腾讯云

目前很流行的方式是通过JQuery中的 AJAX 方法来获取数据，引入JQuery后使用 $ajax() 去访问特定的url地址，通过GET、POST等方式进行数据通信。本文中采用的方式是通过 Fetch 方法来进行数据通信，同样可以向后台服务器发起GET、POST等

---