Nginx部署线上Web项目

240 阅读1分钟

使用腾讯云轻量应用服务器

这里我们采用宝塔Linux面板

image.png

购买界面 image.png

按照提示输入 ip:端口/tencentcloud 进入宝塔面板界面, 如果不记得密码,在控制台里面输入指令 sudo /etc/init.d/bt default 获取用户信息.

image.png

安装并使用Nginx

在软件商店安装Nginx

image.png

配置Nginx

1. 修改配置文件

image.png

2. 上传Web项目打包文件

image.png

在文件这一栏中, 我们能找到实际的配置文件 /www/server/nginx/conf/nginx.conf image.png

3. 修改端口

在安全这一栏, 输入自定义的端口, 点击放行 image.png

在腾讯云轻量服务器控制台, 可以查看到当前的防火墙设置的访问规则

image.png

输入 ip:端口 访问网页

这个 ip 默认是宝塔面板的那个公网IP

端口必须开放才能连通

按照上面Nginx的文件配置, 如果还是出现访问白屏, 大概率是Vue项目中路由的问题, 请确保页面是正常导入的.

image.png