【前端项目上线】问题详细分析

项目：
https://github.com/itguide/vn...

安装环境：

nginx
node
mongodb

把代码上传到服务器

1.rz 上传
2.使用github克隆

把依赖包下载

cd /home/wwwroot/vnshop/client

npm i

cd /home/wwwroot/vnshop/server
npm i

编译客户端代码

cd /home/wwwroot/vnshop/client
npm run build

添加虚拟主机，绑定域名，而且把域名访问的路径指定到 /home/wwwroot/vnshop/client/src/dist

启动server api服务

cd /home/wwwroot/vnshop/server
npm start
或者
node ./bin/www

测试api
域名:3000/url

配置反向代理

vim /usr/local/nginx/conf/vhost/vnshop.shudong.wang.conf

location /api/ {
   proxy_pass http://127.0.0.1:3000/; # 当访问v1的时候默认转发到 3000端口
}

更改nginx配置以后要重启nginx服务
service nginx reload

原理 每次访问这个url 匹配到 /api/
http://vn.shudong.wang/api/go...

http://vn.shudong.wang/api/ -> http://127.0.0.1:3000/

http://127.0.0.1:3000/goods/list?sort=1&priceLevel=all&page=1&pagesize=8

若是没有作反向代理，直接访问
http://vn.shudong.wang/api/go...
会发生404 not found

详细配置请看
https://segmentfault.com/a/11...

3000端口不能访问

检查 3000 端口是否启动
检查方法

netstat -anp | grep 3000

检查结果

若是什么也没有输出
3000端口没有启动

若是3000端口启动了，仍是不能访问
若是是阿里云的话，检查安全组策略

跨域

查看控制台请求的api，域名是否和你的保持一致

若是不一致，你复制个人代码，请去
vnshop/client/config/api.config.js

把里面的域名改为你的

记住必定要 编译
npm run build

而后再访问看请求的api 是不是和你访问的域名保持一致

就是浏览器输入的域名 和你 请求的api域名是同样的

若是改为同样了后，会发生404 说明了，没有这个api，这时候，须要你配置反向代理

mongodb 客户端不能链接远程数据库

查看数据库的端口是否启动
若是你的数据库端口是27017

netstat -anp | grep 27017

上面重点花圈的ip绑定 若是是 0 0.0.0.0:27017 四个0 有这个绑定就能够任意一个远程或本地链接
若是这是127.0.0.1 只能内网链接，不能远程链接

若是没有启动

service mongod  start

启动后，必定要检查是否启动成功

而后测试是否启动成功

netstat -anp | grep 27017

使用mongo 输入

mongo

能够进入 mongo shell ，说明服务器上的mongodb 能够使用

检查是否开启远程

3000端口被占用

若是是pm2启动的话 杀不掉 ，kill 掉后，就会自动开启一个进程
使用

pm2 status
pm2 stop name