條件,在服務器安裝好tomcat,nginx;
默認情況Centos7中無Nginx的源,最近發現Nginx官網提供了Centos的源地址。因此可以如下執行命令添加源:
sudo rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm
安裝nginx命令:# sudo yum install -y nginx
啟動Nginx命令:# systemctl start nginx.service
給權限 sudo chmod 777 /usr/local/nginx/html(可忽略)
首先打包vue項目,快速打包vue項目,項目根目錄下:npm run build
會生成一個dist,將dist轉到root下面
配置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。
打包好代碼放在tomcat/webapps/ROOT目錄下
重啟服務器 打開Nginx,打開tomcat即可