zoukankan      html  css  js  c++  java
  • 同网段下手机测试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/”
     
     
  • 相关阅读:
    JQuery.Gantt(甘特图)开发
    文件上传利器SWFUpload入门简易教程
    ES6:JavaScript 新特性
    记一次关于垃圾回收app的推广成功案例
    c#游戏之路-wpf版本开发
    C#游戏之路-winform,wpf,directx,opengl的了解
    Python3 引号
    while循环练习
    用jquery实现瀑布流(方式1-固定宽度和列数,按顺序添加图片)
    jquery实现图片轮播淡入淡出效果
  • 原文地址:https://www.cnblogs.com/wxx-17-5-13/p/12001548.html
Copyright © 2011-2022 走看看