码迷,mamicode.com
首页 > 其他好文 > 详细

Vue部署(nginx代理)

时间:2020-06-21 09:35:27      阅读:111      评论:0      收藏:0      [点我收藏+]

标签:root   查看   防火   腾讯   软件   lis   位置   etc   ice   

本次在腾讯云上部署vue项目使用nginx代理

腾讯云需要开放端口和绑定域名,这些需要参考腾讯云给的说明技术图片

 

 技术图片

 

 前面是开放外部端口,还需知道软件端口是否打开

1.查看firewall服务状态:systemctl status firewalld

查看防火墙规则:firewall-cmd --list-all

查看firewall的状态:firewall-cmd --state

开启、重启、关闭、firewalld.service服务

开启:service firewalld start

重启:service firewalld restart

关闭:service firewalld stop

2.端口操作

查询端口开放情况:firewall-cmd --list-ports

查询端口是否开放:firewall-cmd --query-port=8080/tcp

开放80端口:firewall-cmd --permanent --add-port=80/tcp

移除端口:firewall-cmd --permanent --remove-port=8080/tcp

Nginx的安装

安装:yum install nginx

安装版本 nginx -v

卸载: yum remove nginx

查看文件位置:nginx -t

指定配置文件:nginx -c “目录”(目录是-f查出来的的那个.conf)

安装完成并打开内部的端口80,在指定配置文件就能访问自己的ip了或者访问自己的域名

技术图片

 

 

 

 之后将服务器的nginx的config下载的本地进行配置

可以找到本地项目的路径:scp root@你的地址:config的路径 ./

技术图片

 

 技术图片

 

 将修改后的上传到服务器scp ./nginx.conf root@服务器地址:/etc/nginx

技术图片

 

 

 

 

 上传已经npm run build的项目也就是dist文件

scp -r /dist/* root@服务器地址:/目录地址

技术图片

 

 最后重启nginx:nginx -s reload

 之后就能访问页面了

 技术图片

 

Vue部署(nginx代理)

标签:root   查看   防火   腾讯   软件   lis   位置   etc   ice   

原文地址:https://www.cnblogs.com/liuyang95/p/13171090.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!