打包       

     前端vue项目使用visual Studio Code 开发工具开发，调试。

    分清楚要打包的ip以及端口，在终端输入 npm run build，

    然后会生成一个dist 文件夹下面就是已经打好的前端包，把它放到服务器的nginx下就行。

替换

    找到的nginx 的目录，替换之前的前端包。这里有几条语句需要注意：

  1、查看是否运行

ps aux|grep nginx
或者
ps -ef | grep nginx

2、kill -9  杀掉进程 ，或者进入到对应的sbin目录下使用./nginx -s stop 也能停止进程

3、重启nginx（替换服务包，需要重启nginx，这里记录下启动）

    进入到nginx 的sbin 目录下 只有一个脚本文件nginx，执行它就能启动nginx。

    在执行它之前有必要确认下配置文件是否配置正确：

    

./nginx -t

看到如下显示nginx.conf syntax is ok

nginx.conf test is successful

说明配置文件正确！

然后执行下 

./nginx -c （nginx配置文件的绝对路径）

最后启动nginx：

./nginx -s reload

4、如果nginx 重新加载命令./nginx -s reload，出现

nginx: [error] invalid PID number "" in "/usr/local/nginx/logs/nginx.pid"问题。

那么可能是nginx进程未全部关闭，解决办法如下：

    先执行命令

  kill -9 nginx 

  杀掉nginx 进程

    然后执行命令

  /usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf  

                              重新加载配置文件

     最后执行命令  

./nginx -s reload

重新启动nginx

需要注意的是路径别写错了，使用nginx安装路径来执行。
 

5、配置文件

具体信息，写明了服务的 ip，端口，以及路径

其中nginx监听的端口9081就是你前端包所指向的端口。主意：打的包端口不对的话会报错跨域问题。