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

项目:
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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值