如何将你的vue项目部署到服务器

前置条件：服务器端安装nginx

如何安装nginx：https://blog.csdn.net/qq_35888875/article/details/80937731

一、将测试完成的项目打包

 npm run build 

打包后项目底下生成一个dist文件夹

二、配置你的服务器nginx

运行ps -ef|grep nginx，查看你的nginx安装的位置 

ps -ef|grep nginx

 使用FileZilla等工具打开你的nginx配置文件的位置

复制备份一份，修改一份，增加如下内容

 server {
#端口号
		listen 80;
#配置的域名
		server_name xxx.xxxx.com(你的域名);
		
		location / {		  
#项目在服务器部署的位置
		  root   /home/service/xxxxx/xxxxx;
		  index index.html index.htm;
		  client_max_body_size 300m;
		}
	  }  
	  

三、将打包好的文件上传到nginx配置的位置

将dist文件夹下的文件上传到服务器配置的位置，如： /home/ublue/service/app

四、重启nginx

#普通账户使用
sudo usr/local/nginx/sbin/nginx -s reload
sudo 你的nginx安装的路径/sbin/nginx -s reload
#root账户使用
usr/local/nginx/sbin/nginx -s reload

执行ps -ef|grep nginx，查看启动情况 

ps -ef|grep nginx