centos7 部署vue到 nginx

Vue.js是客户端语言,所以部署的时候是不需要基于nodejs或其他服务器运行环境,只需要像其他静态站点的方式发布就可以了,下面介绍一下VueJs具体发布的流程还有需要注意的点

项目打包命令       npm run build

把打包的dist压缩zip包,使用ftp工具上传到服务器,解压如果没有解压工具需要安装如下

一、安装支持ZIP的工具

yum install -y unzip zip

二、解压zip文件

unzip 文件名.zip

三、压缩一个zip文件

zip 文件名.zip 文件夹名称或文件名称

nginx部署vue工程

修改配置:# vim /usr/local/nginx/conf/nginx.conf

 

server {
        listen       8099;
        server_name  localhost;  //其实最好改成你的ip 不要写域名 localhost在这台server上相当于是10.xxx xxx的意思

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   /root/data;  //把dist.zip解压到data文件夹下
            index  index.html index.htm;
        }

重新再入配置并启动

/usr/local/nginx/sbin/nginx -s reload            # 重新载入配置文件
/usr/local/nginx/sbin/nginx -s reopen            # 重启 Nginx
/usr/local/nginx/sbin/nginx -s stop              # 停止 Nginx

遇到问题

访问页面但是报403 forbidden
可能是nginx.conf里的root配置的文件夹 权限不够

chmod -R 755 /root

版权声明:本文为qq_16488609原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。