使用nginx 服务器打开项目过程中的问题解决

一、背景：
今天的get 请求数据时，浏览器报错不能跨域请求cartData.json。使用nginx 服务器，打开项目就成了要解决的问题。

二、使用nginx步骤：
1，打开/usr/local/nginx/html ,将项目源代码以文件夹的方式放入该文件夹内
2，在终端中，输入命令:cd /usr/local/nginx/sbin
(usr 前面的”/” 不能丢失，否则打不开)
此时进入了/usr/local/nginx/sbin 路径
3，然后输入: sudo ./nginx
打开nginx 服务器。此时出现下面的提示，如图：

“地址正在使用”表明：1）有服务占用了nginx服务器 2）nginx 服务器已经启动，不能重复启动
4，若有服务占用了nginx 服务器，思路：找出占用的服务，然后杀死进程，然后再次打开nginx。
4.1 找出占用的服务，输入命令：ps -ef| grep nginx
结果如图：

4.2 杀死找出的进程，命令：sudo kill -QUIT 5793
sudo kill -QUIT 进程号(如果你不确定是哪个占用了的话就全部写上，是每一个进程的第三列的数字，每个进程号用空格隔开)，这次的进程是5793。
补充杀死进程的3种方式，图为前端群老鸟网友提供：

进程被杀死，就是说nginx 服务器已被关闭。然后重新启动服务器。注意：此时不要使用 sudo ./nginx -s reload，reload 针对的是进程在运行过程中的重载，关闭之后要想打开使用sudo ./nginx ，结果如图所示：

三、打开项目
nginx 打开之后，打开相应的项目文件：
1，在浏览器地址栏输入 localhost/文件夹名称/ html文件的名称，例如
http://localhost/vue-shop-cart/vue-shop-cart.html
2，如果默认是index.html ，那么只需要接文件夹名称即可，例如：
http://localhost/flyblog/

四、效果
cartData.json 在服务器上加载出来了，从此前端走出了纯本机运行，前端交互进入了代理服务器时代！

---

完