摘要:前言在开发过程经常有要访问静态文件的场景,但是用开发不能直接访问,所以需要配置访问静态文件,或者配置域名之类的,今天就说一下配置相关由于笔者用到的场景不多,本文主要是用来记录简单的使用。
前言
在开发过程经常有要访问静态文件的场景,但是用vscode开发不能直接访问,所以需要配置nginx访问静态文件,或者配置域名之类的,今天就说一下nginx配置相关;由于笔者用到的场景不多,本文主要是用来记录简单的使用。
安装nginx话不多说,一般使用brew来安装nginx
brew install nginx
如果没有brew,则需要先安装brew,执行下面的命令,安装brew;
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"配置nginx
首先进入nginx,使用如下命令行
vi /usr/local/etc/nginx/nginx.conf
静态文件的配置方式:
server{ listen 80; server_name www.statictest.com; //要访问的域名配置 root /Users/wowdesign/Desktop/somedemo/koaDemo/static; // (这里添加自己的项目静态文件目录) location / { autoindex on; index index.html index.htm; } }
值得注意的地方:要在nginx.conf文件里的第一行配置 user root owner;才能访问root的静态文件,否则会报403;
同事需要在hosts文件中进行配置,使用下面命令行进入hosts文件:
vi /etc/hosts;
配置方式:
127.0.0.1 www.statictest.com // 域名配置
此时当浏览器访问这个www.statictest.com这个域名时会指向127.0.0.1;访问本地文件
此时所有访问静态文件所需要的配置,已全部配置完成,然后开启nginx
sudo nginx // 启动nginx
需要注意的是,每次改了nginx都要重启nginx,重启nginx的命令是
sudo nginx -s reload
以上代表启动成功
下面在介绍nginx几个常用的命令行:
sudo nginx // 启动nginx sudo nginx -s reload // 重启nginx ps -ef | grep nginx; // 查看查看nginx进程 kill -TERM 主进程号 // 杀死进程
具体使用见下图
可以从network里查看的你的配置是否成功
PS:反向代理的配置方式简单介绍:
server { listen 80; server_name api.zerotoone.com; //访问的域名 location / { proxy_pass http://127.0.0.1:9000; // 本地开启的服务 proxy_redirect default; } }
转载请注明作者 : crystal 我在桌上刻个早字 谢谢啦
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/54002.html
摘要:前言在开发过程经常有要访问静态文件的场景,但是用开发不能直接访问,所以需要配置访问静态文件,或者配置域名之类的,今天就说一下配置相关由于笔者用到的场景不多,本文主要是用来记录简单的使用。 前言 在开发过程经常有要访问静态文件的场景,但是用vscode开发不能直接访问,所以需要配置nginx访问静态文件,或者配置域名之类的,今天就说一下nginx配置相关;由于笔者用到的场景不多,本文主要...
摘要:前言在开发过程经常有要访问静态文件的场景,但是用开发不能直接访问,所以需要配置访问静态文件,或者配置域名之类的,今天就说一下配置相关由于笔者用到的场景不多,本文主要是用来记录简单的使用。 前言 在开发过程经常有要访问静态文件的场景,但是用vscode开发不能直接访问,所以需要配置nginx访问静态文件,或者配置域名之类的,今天就说一下nginx配置相关;由于笔者用到的场景不多,本文主要...
摘要:跨域总结跨域思路跨域解决方案一般分为两种前端解决,后端解决前端解决方案通过前端解决的思想就是,通过设置中间件把跨域的请求转发一下,其实就是反向代理,比如想要访问豆瓣的接口很会有跨域问题,但是如果请求的是就不存在跨域反向代理就是截取之后的请求 跨域总结 1.跨域思路 跨域解决方案一般分为两种:前端解决,后端解决 1.1 前端解决方案 通过前端解决的思想就是,通过设置中间件把跨域的请求转发...
摘要:它的作用是监听后建立的连接,对读写事件进行添加删除。事件处理模型和的非阻塞模型结合在一起使用。 趁着爸妈做年夜饭之前,把之前做的笔记贴出来,新的一年到了,祝大家 showImg(https://segmentfault.com/img/remote/1460000018099635?w=251&h=201); Nginx + Node + Vue 部署初试 知乎 个人博客 Githu...
摘要:如有错误,欢迎指正。如果使用了进行反向代理,那么和后端的之间默认是用协议通信的。如果不是这样,最好设置为,因为这会造成额外的开销。一个比较好的处理方式是放在或级别单独处理。 无论是前端还是后端,在部署项目时,时常免不了用到Nginx,小项目也时常做个反向代理啥的。今天就简单直接,聊一下其中的一个点——gzip。如有错误,欢迎指正。 一般服务器端常用的是 Ubuntu、CentOS、Li...
阅读 3752·2021-11-24 09:39
阅读 1772·2021-11-02 14:41
阅读 785·2019-08-30 15:53
阅读 3454·2019-08-29 12:43
阅读 1134·2019-08-29 12:31
阅读 3045·2019-08-26 13:50
阅读 753·2019-08-26 13:45
阅读 936·2019-08-26 10:56