linux(Centos系统)部署项目(vue+nginx+tomcat)

linux(Centos系统)部署项目(vue+nginx+tomcat)

条件,在服务器安装好tomcat,nginx;

安装nginx命令:# yum install nginx

启动Nginx命令:# systemctl start nginx.service

给权限   sudo chmod  777 /usr/local/nginx/html(可忽略)

首先打包vue项目,快速打包vue项目,项目根目录下:npm run build

会生成一个dist,将dist转到root下面

linux(Centos系统)部署项目(vue+nginx+tomcat)_第1张图片

配置nginx:

# vi /etc/nginx/nginx.conf

1、修改user nginx成user root

2、修改server{ 下的  root         /usr/share/nginx/html;成自己目录

3、加上index  index.html index.php  index.htm;

当访问该地址的时候,nginx 会按照 index.html,index.htm ,index.PHP 的先后顺序在根目录中查找文件。如果这三个文件都不存在,那么nginx就会返回403 Forbidden。

linux(Centos系统)部署项目(vue+nginx+tomcat)_第2张图片linux(Centos系统)部署项目(vue+nginx+tomcat)_第3张图片

linux(Centos系统)部署项目(vue+nginx+tomcat)_第4张图片

打包好代码放在tomcat/webapps/ROOT目录下

linux(Centos系统)部署项目(vue+nginx+tomcat)_第5张图片

 重启服务器  打开Nginx,打开tomcat即可

linux(Centos系统)部署项目(vue+nginx+tomcat)_第6张图片

 

posted @ 2019-02-27 11:14 韦邦杠 阅读( ...) 评论( ...) 编辑 收藏

你可能感兴趣的:(linux(Centos系统)部署项目(vue+nginx+tomcat))