linux部署前后端项目

爱不是归宿

已于 2023-07-26 19:58:34 修改

阅读量336

点赞数

文章标签： linux vue.js 运维

于 2023-07-20 15:57:32 首次发布

本文链接：https://blog.csdn.net/lirtyuj/article/details/131832032

版权

使用nginx部署前端vue项目：

nginx的安装就不在过了，直接打包vue项目：

npm run build

运行完之后会生成一个dist文件夹

在这里插入图片描述

将dist文件夹复制到linux文件中，我这里放到了/usr/local/vue目录下：

在这里插入图片描述

打开nginx的conf目录下的nginx.conf文件，修改配置，listen是开放给外界访问前端项目的端口，下面location里的root目录是存放dist文件夹的目录：

在这里插入图片描述

进入nginx的sbin目录，更新配置文件并启动nginx：

./nginx -s reload

在这里插入图片描述

nginx设置开机自启：

进入到/lib/systemd/system/目录

	cd /lib/systemd/system/

创建nginx.service文件，并编辑

	vi nginx.service

内容：

	[Unit]
	Description=nginx service
	After=network.target 
   
	[Service] 
	Type=forking 
	ExecStart=/usr/local/nginx/sbin/nginx
	ExecReload=/usr/local/nginx/sbin/nginx -s reload
	ExecStop=/usr/local/nginx/sbin/nginx -s quit
	PrivateTmp=true 
   
	[Install] 
	WantedBy=multi-user.target

加入开机自启

	设置开机自启
	# systemctl enable nginx
	取消开机自启
	# systemctl disable nginx

服务的启动/停止/刷新配置文件/查看状态

	# systemctl start nginx.service　         启动
	# systemctl stop nginx.service　          停止
	# systemctl restart nginx.service　       重启
	# systemctl list-units --type=service     查看所有已启动的服务
	# systemctl status nginx.service          查看服务状态
	# systemctl enable nginx.service          设置开机自启
	# systemctl disable nginx.service         关闭开机自启