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

瘦欲@ 提交于 2019-12-07 14:20:33

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

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

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

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

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

    3),运行出错:            

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

nginx: [error] Open() "E:\nginx-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:\work\project\xxx\dist;           ##//静态文件地址
            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/”
 
 

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!