centos7部署vue项⽬(前后端分离、nginx)
⼀、环境准备 
1、centos7系统 
2、mysql数据库
3、在centos7虚拟机上安装好nginx
⼆、部署内容准备
1、后端war包或者可执⾏jar
因为我这⾥是spring boot项⽬。我就以可执⾏jar⽂件作为后端部署内容,如果是war包,则需要部署在web容器中,这个很简单,不多说。⾸先右键点击⾃⼰要部署的项⽬,run as---->maven insatll 打包
到打包好的jar,复制到centos上,
执⾏  java -jar  XXXX.jar,后台正常启动,
2、前端,VUE静态资源。
如果没有安装过node的先安装node  、npm
进⼊前端项⽬根⽬录,执⾏  nmp run build
构建完成后,可以看到前端项⽬根⽬录下多了⼀个dist⽂件夹,这就是要部署的前台⽂件,
复制dist⽂件夹到centos下,
3.修改nginx配置⽂件。
vi /usr/local/nginx/f
新建server 节点
server {
listen      8001;
server_name  192.168.0.178;
location /lic/ {
alias  /usr/local/renren/dist/;
index  index.html index.htm;
nginx部署前端项目}
}
  检查配置⽂件是否正确
    ./nginx -t
重新加载nginx配置
./nginx -s reload
检查端⼝,并开放8001端⼝,
浏览器访问:
⼀切正常。
这⾥有⼏个问题需要注意:
第⼀,前台项⽬的路径和nginx配置⽂件中配置的路径需要⼀直。这⾥⽤的root⽤户,如果⽤其他⽤户,可能访问静态资源会被禁⽌访问(403),需要“chmod 755 静态资源路径 ” 授权,授权的时候要逐级授权,
⽐如、    chmod 755  /usr/local/renren/dist
      chmod 755  /usr/local/renren
chmod 755  /usr/local/
chmod 755  /usr
chmod 644  /usr/local/renren/dist/*
第⼆,nginx配置⽂件中配置时,没有⽤root ,⽽是使⽤alias

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。