zoukankan      html  css  js  c++  java
  • linux下nginx的学习

    安装参考菜鸟教程: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

    --------学习 交流 提升-----------
  • 相关阅读:
    vscode常用插件
    2019前端面试总结
    用户注册登录的逻辑
    Vue项目各个文件夹的作用
    Gulp & webpack 配置详解
    Webpack 配置入门
    开始一个React项目(一)一个最简单的webpack配置
    资源加载过程
    关于Netty Pipeline中Handler的执行顺序问题
    解压版中文乱码问题MYSQL中文乱码
  • 原文地址:https://www.cnblogs.com/blogNYGJ/p/12057115.html
Copyright © 2011-2022 走看看