likes
comments
collection
share

VUE 部署到linux服务器

作者站长头像
站长
· 阅读数 8

我用VUE的element-admin框架做了个审核后台,需要部署到Linux让审核人员可以访问。这里记录下部署的流程以及遇到的问题。

参考:(4条消息) 如何将你的vue项目部署到服务器_好奇的菜鸟的博客-CSDN博客_vue项目怎么上线到服务器

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

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

VUE 部署到linux服务器

VUE 部署到linux服务器

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

二、完成Nginx的配置

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

VUE 部署到linux服务器

进入到这个目录下的conf目录中,在http{}加以下内容:

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

VUE 部署到linux服务器

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

三、将项目文件上传到Linux

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

VUE 部署到linux服务器

四、重启Nginx即可:

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

cd /usr/local/nginx/sbin/

然后执行

./nginx -s reload

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

VUE 部署到linux服务器

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

出现的bug:显示403 forbidden

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

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

VUE 部署到linux服务器