首页 / VUE / Vue部署（nginx代理）

Vue部署（nginx代理）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Vue部署（nginx代理），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含933字，纯文字阅读大概需要2分钟。

内容图文

本次在腾讯云上部署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

 之后就能访问页面了

 技术分享图片

 

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

内容总结

以上是互联网集市为您收集整理的Vue部署（nginx代理）全部内容，希望文章能够帮你解决Vue部署（nginx代理）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1197816.html

来源：【匿名】