离线/内网环境vue项目build部署nginx

系列文章目录

第一讲 离线/内网环境下搭建vue开发环境

第二讲 内网环境运行maven项目

第三讲 离线/内网环境vue项目build部署nginx

第四讲 离线/内网环境部署maven项目

---

目录

 系列文章目录

前言

vue项目build

nginx部署

一、安装nginx

二、nginx使用命令

三、nginx配置

总结

---

前言

最近接到一个项目，客户现场是全内网环境，只能vpn到客户内网，进到客户提供的华为云桌面进行开发。就是这么个情况，但是没办法，还得做事啊！现在形成文字加深印象，也把这段时间的成果记录一下，那开始吧！（ps：整个过程是在公司window电脑操作的，现在我在家里用mac pro写文章。截图有些不对，后面完善！）

---

vue项目build

npm run build

使用该命令，输出dist目录，里面就是打包生存的静态文件。只要部署到服务器上就可以浏览器访问了。

nginx部署

一、安装nginx

先在我们自己的外网机上下载nginx，由于是内网环境，下载的安装包是rpm包（ps：nginx安装包在公司电脑里，后面再补）​

二、nginx使用命令

nginx：启动

nginx -s stop：停止
 
nginx -s reload：重启

三、nginx配置

#新建一个服务

server {
        listen       8080;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            #root   html;
            root    /Users/chenzh/vue/dist;
            index  index.html index.htm;
        }

}

root：指定项目根目录dist

如果项目有后台接口，再配置location转发。

---

总结

以上就是今天要讲的内容，本文仅仅是自己工作中遇到的情况，按自己的理解进行介绍说明，如有不对的地方，欢迎指正。