安装参考菜鸟教程:https://www.runoob.com/linux/nginx-install-setup.html
nginx文档官网: http://nginx.org
nginx社区:https://www.nginx.com
nginx模块配置参考文档: http://shouce.jb51.net/nginx/left.html
nginx做web服务器配置 参考博客:https://blog.csdn.net/hj7jay/article/details/53905943
1.启动命令
[root@mycentos01 /]# cd /usr/local/nginx/conf/
[root@mycentos01 nginx]# ./nginx
2.其他命令
/usr/local/webserver/nginx/sbin/nginx -s reload # 重新载入配置文件 /usr/local/webserver/nginx/sbin/nginx -s reopen # 重启 Nginx /usr/local/webserver/nginx/sbin/nginx -s stop # 停止 Nginx
3.nginx做web server,部署一个前端项目到nginx
3.1 访问/opt/www/demoApp/ 下的静态文件,配置别名。
相当于当nginx监听端口有请求时,若路径前缀字符串为 /demoApp,则 映射到别名指定的另一个目录处理。
用途:可以在服务器上存静态资源,以简单的url访问。
location /demoApp { alias /opt/www/demoApp/; }
http://192.168.216.129:8088/demoApp/demo.html
3.2对于vue项目部署在nginx的设置
location /vueDemo { root /opt/www/; try_files $uri $uri/ @router; index index.html index.htm; }
http://192.168.216.129:8088/vueDemo/#/main
设置别名 、root都可以实现配置。注意vue项目webpack.base.conf.js 需要修改红色部分
output: { path: config.build.assetsRoot, filename: '[name].js', // publicPath: process.env.NODE_ENV === 'production' // ? config.build.assetsPublicPath // : config.dev.assetsPublicPath publicPath: './' },
4.nginx做负载均衡 load balance