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

这里可以参考下这篇文章：vue打包遇坑之旅 - 掘金 (juejin.cn)

打包成功以后项目文件里会多一个dist文件夹

直接打开里面的index.html就是我们的界面了。

二、完成`Nginx`的配置

当然这里首先需要你在Linux中安装了Nginx，这里可以参考这篇文章Nginx 在linux上的部署全流程 - 掘金 (juejin.cn)

运行whereis nginx，查看我们的nginx安装的位置

进入到这个目录下的conf目录中，在nginx.conf中http{}加以下内容：

vi /usr/local/nginx/conf/nginx.conf

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

其实默认里面已经开了80端口,我们只需要将以下的默认配置更改即可，当然，你想用的端口，记得再仿照以上写一个sever就行了。

我这里没有域名,就直接通过服务器ip地址访问，root的目录根据自己的需求来。

三、将项目文件上传到`Linux`

然后通过FileZilla或者其他的传输软件来把我们打包好的文件上传到linux中。

四、重启Nginx即可：

进入到我们Nignx安装目录下的sbin目录中

cd /usr/local/nginx/sbin/

然后执行

./nginx -s reload

通过浏览器访问我们的ip地址和我们配置的80端口即可访问。

记得在安全组配置中把80端口开了。

出现的bug:显示`403 forbidden`

这个我这里是因为权限配置不正确。为了保证文件能正确执行，nginx既需要文件的读权限,又需要文件所有父目录的可执行权限。

解决办法:可以将权限修改为root，在nginx的nginx.conf 文件的顶部加上user root; 指定操作的用户是root就可以正常访问了

nginx配置域名，不要端口

如果购买了域名，并在域名管理中，将域名指向了主机ip地址

这样就可以使用域名:80项目名称访问网站，但是这样看起来也是泄露了端口号，就想着去掉域名后面的端口号。80端口是默认的，可以不加也能访问到。其他端口应该就需要端口转发了。

报错：nginx: [error] open() ＂/usr/local/nginx/logs/nginx.pid＂ failed

/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf

即可。

VUE 部署到linux服务器

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

二、完成Nginx的配置

三、将项目文件上传到Linux