• 同网段下手机测试vue打包后的项目(nginx)


    一 nginx安装,运行 (参考:https://www.2cto.com/kf/201709/680221.html

      1,在nginx官网现在所需要的版的本,解压到存放的文件夹;

      2,运行nginx (千万不要双击文件夹中的nginx.exe文件

        1),打开cmd,进入nginx的解压文件夹中(D: ool ginx-1.17.4),输入:start nginx;

        2),在浏览器打开localhost在80端口未被占用的情况下会看到一个欢迎界面

        3),运行出错:            

    nginx: [error] CreateFile() "E: ginx-1.13.5/logs/nginx.pid" failed

    nginx: [error] Open() "E: ginx-1.13.5/logs/nginx.pid" failed

    解决方法:

    使用命令创建/logs/nginx.pid文件:

    nginx -c conf/nginx.conf

      3,nginx常用命令

    快速停止或关闭Nginx:nginx -s stop

    正常停止或关闭Nginx:nginx -s quit

    配置文件修改重装载命令:nginx -s reload

    二 配置

      1,在nginx里conf中存在配置文件‘nginx.conf’。配置文件中可以包括几个server块,通过它们监听(listen)的端口名及服务器名(server_name)来区分

      server {
            listen       8800;
            server_name  192.000.1.000;                 #访问的域名,IP地址等

            location / {                           ## ‘/’ ,url中的根路径,'http://192.000.1.000:8800'
                root   D:workprojectxxxdist;           ##//静态文件地址
                index  index.html index.htm;                       ##//静态文件入口文件
            }

            location /client/ {                      ##请求数据拦截,将接口请求地址‘http://192.000.1.000:8800/client/’转给向线上地址
               proxy_pass http://client.xxx.com/;             #如果结尾不加‘/‘,线上的域名后会带上’/client‘
            }

            error_page   500 502 503 504  /50x.html;
            location = /50x.html {
                root   html;
            }
        }
    2,打包后的vue文件接口请求地址要与配置的地址一致。 “http://192.000.1.000:8800/client/”
     
     
  • 相关阅读:
    js命名空间笔记
    css3兼容性问题归纳
    flexbox-CSS3弹性盒模型flexbox完整版教程
    JavaScript 预解析
    消除页面上的链接虚线框
    图片压缩之 PNG
    常见的前端优化技巧有哪些
    for-of循环和for-in循环的区别
    函数式编程初探
    js中同步与异步处理方法
  • 原文地址:https://www.cnblogs.com/wxx-17-5-13/p/12001548.html
Copyright © 2020-2023  润新知