Ubantu安装Nginx部署Vue项目

一、安装Nginx

1.官网下载：nginx: download

2.解压

tar -zxvf nginx-1.17.6.tar.gz

3.安装

进入nginx的安装目录 ./configure

 执行命令后可能会发现出现错误，很多not found， 我们需要添加依赖库。

1.PCRE库

安装PCRE：sudo apt-get install libpcre3 libpcre3-dev 

2.zlib库

 解决：

下载压缩包zlib Home Site

解压缩：

tar -zxvf zlib-1.2.11.tar.gz

进入文件夹中，依次执行

1. ./configure

2. make

3. make install

再次执行./configure，成功

 4.安装Nginx

make install

1.查看nginx位置  whereis nginx 

 2、进入/usr/local/nginx

3、nginx启动命令

#首先进入sbin
./nginx 启动
./nginx -s stop 停止
./nginx -s quit   停止
./nginx -s reload  重新加载
#对 nginx 进行重启相当于先停止再启动，即先执行停止命令再执行启动命令
./nginx -s quit
./nginx
#重新加载配置文件
    （当修改nginx.conf 修改，要想让配置生效需要重启nginx，使用./nginx -s reload不用先停止nginx再启动，即可将配置信息在nginx中生效。）
./nginx -s reload

二、部署vue前台代码

1.打包项目  npm run build

 2.里面的文件，全部复制到/usr/local/nginx/html中（并将html中之前的文件删除）

3、修改nginx配置文件

4.保存配置文件，重新启动。

5.浏览器访问（可能出现默认地址可以访问，其他地址404的情况）

 nignx，需要配置history模式，解决办法：
 取消路由的 history 模式，把mode:"history"去掉