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小时内删除。
发表评论