利用nginx把vue项目部署到局域网ip，页面显示空白？你的nginx真的有权限吗

wwolf 发布于2019-07-25 14:52 / 3282人阅读

摘要：然而对这个目录没有读写权限，的工作进程对大文件做了缓存，这个缓存在目录下，主进程在读取缓存的时候由于权限问题而无法访问

背景
在配置完nginx配置文件后，运行vue项目
发现在 127.0.0.0 可以正常运行
但在局域网ip访问就是页面一片空白

后来翻阅了网上的很多解决办法
比如说管理员权限开启nginx
或者nginx.conf文件最开始一行加上user root wheel;
在我这里都没有效果

无意间打开了safari浏览器，发现竟然在safari上显示了正常的页面
于是想到是不是与浏览器访问本地文件的权限有关

浏览器报错：

解决方法

用下面的命令开放权限

sudo nginx -s stop
sudo chmod -R 777 /usr/local/var/run/nginx/*
nginx

开放权限完成后重启一下nginx服务

这里提醒一点，重启服务最好不使用reload
因为如果你一开始启动服务的时候就没有启动成功，reload是不会给任何报错的
我就摔了一个大坑

所以我们先关掉服务，再重新开启

sudo nginx -s stop
sudo nginx

这样就成功解决啦~

原因

nginx 反向代理配置的参数说明

proxy_connect_timeout 600;              #nginx跟后端服务器连接超时时间(代理连接超时时间长度)
proxy_read_timeout    600;              #连接成功后，后端服务器响应时间(代理接收超时时间长度)
proxy_send_timeout    600;              #后端服务器数据回传时间(代理发送超时)
proxy_buffer_size     666k;              #设置代理服务器（nginx）保存用户头信息的缓冲区大小
proxy_buffers         666k;            #proxy_buffers缓冲区，网页平均在666k以下
proxy_busy_buffers_size  666k;           #高负荷下缓冲大小（建议设置大小proxy_buffers*2）
proxy_temp_file_write_size  666k;      #设定缓存文件夹大小

当加载的文件量超过proxy_temp_file_write_size所设置的值时，nginx会将文件写入缓存到proxy_temp文件夹中。
然而对这个目录没有读写权限，nginx 的工作进程对大文件做了缓存，这个缓存在 %nginx%/proxy_temp 目录下，主进程在读取缓存的时候由于权限问题而无法访问

GPU云服务器云服务器部署前端到云服务器nginx 把项目部署到云服务器怎么把项目部署到云vps 怎么把项目部署到云主机

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/40534.html

docker 应用系列（一）--- 一步步搭建虚拟机 docker 环境附有 vue-cli +

摘要：为确保系统里面没有自带的软件的残留，我们要清除一下旧版本的，虽然新系统一般都不会有就是了。更新软件包缓存。 showImg(https://segmentfault.com/img/remote/1460000015914895?w=1240&h=819); 小剧场测试：裤裆你这页面刷新就白屏啊，怎么了啊，而且你看这 network，怎么这些 js 这么大啊，很耗流量而且加载速度还很...

hatlonely 2019-06-28 16:35 评论0 收藏0
CentOS 下使用 Pipenv + Gunicorn + Supervisor 部署 Flask

摘要：根据中华人民共和国信息产业部第十二次部务会议审议通过的非经营性互联网信息服务备案管理办法精神，在中华人民共和国境内提供非经营性互联网信息服务，应当办理备案。未经备案，不得在中华人民共和国境内从事非经营性互联网信息服务。当我们开发了一个简单的 Flask 程序，想把项目部署上线，我们可以选择传统的部署方式或者云部署方式把项目部署上线。在本文中，笔者将使用阿里云轻量应用服务器安装 C...

anyway 2019-07-31 10:03 评论0 收藏0