一、安装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
进入文件夹中,依次执行
-
./configure
-
make
-
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"去掉