摘要:前言在開發(fā)過程經(jīng)常有要訪問靜態(tài)文件的場(chǎng)景,但是用開發(fā)不能直接訪問,所以需要配置訪問靜態(tài)文件,或者配置域名之類的,今天就說一下配置相關(guān)由于筆者用到的場(chǎng)景不多,本文主要是用來記錄簡(jiǎn)單的使用。
前言
在開發(fā)過程經(jīng)常有要訪問靜態(tài)文件的場(chǎng)景,但是用vscode開發(fā)不能直接訪問,所以需要配置nginx訪問靜態(tài)文件,或者配置域名之類的,今天就說一下nginx配置相關(guān);由于筆者用到的場(chǎng)景不多,本文主要是用來記錄簡(jiǎn)單的使用。
安裝nginx話不多說,一般使用brew來安裝nginx
brew install nginx
如果沒有brew,則需要先安裝brew,執(zhí)行下面的命令,安裝brew;
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"配置nginx
首先進(jìn)入nginx,使用如下命令行
vi /usr/local/etc/nginx/nginx.conf
靜態(tài)文件的配置方式:
server{ listen 80; server_name www.statictest.com; //要訪問的域名配置 root /Users/wowdesign/Desktop/somedemo/koaDemo/static; // (這里添加自己的項(xiàng)目靜態(tài)文件目錄) location / { autoindex on; index index.html index.htm; } }
值得注意的地方:要在nginx.conf文件里的第一行配置 user root owner;才能訪問root的靜態(tài)文件,否則會(huì)報(bào)403;
同事需要在hosts文件中進(jìn)行配置,使用下面命令行進(jìn)入hosts文件:
vi /etc/hosts;
配置方式:
127.0.0.1 www.statictest.com // 域名配置
此時(shí)當(dāng)瀏覽器訪問這個(gè)www.statictest.com這個(gè)域名時(shí)會(huì)指向127.0.0.1;訪問本地文件
此時(shí)所有訪問靜態(tài)文件所需要的配置,已全部配置完成,然后開啟nginx
sudo nginx // 啟動(dòng)nginx
需要注意的是,每次改了nginx都要重啟nginx,重啟nginx的命令是
sudo nginx -s reload
以上代表啟動(dòng)成功
下面在介紹nginx幾個(gè)常用的命令行:
sudo nginx // 啟動(dòng)nginx sudo nginx -s reload // 重啟nginx ps -ef | grep nginx; // 查看查看nginx進(jìn)程 kill -TERM 主進(jìn)程號(hào) // 殺死進(jìn)程
具體使用見下圖
可以從network里查看的你的配置是否成功
PS:反向代理的配置方式簡(jiǎn)單介紹:
server { listen 80; server_name api.zerotoone.com; //訪問的域名 location / { proxy_pass http://127.0.0.1:9000; // 本地開啟的服務(wù) proxy_redirect default; } }
轉(zhuǎn)載請(qǐng)注明作者 : crystal 我在桌上刻個(gè)早字 謝謝啦
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/54002.html
摘要:前言在開發(fā)過程經(jīng)常有要訪問靜態(tài)文件的場(chǎng)景,但是用開發(fā)不能直接訪問,所以需要配置訪問靜態(tài)文件,或者配置域名之類的,今天就說一下配置相關(guān)由于筆者用到的場(chǎng)景不多,本文主要是用來記錄簡(jiǎn)單的使用。 前言 在開發(fā)過程經(jīng)常有要訪問靜態(tài)文件的場(chǎng)景,但是用vscode開發(fā)不能直接訪問,所以需要配置nginx訪問靜態(tài)文件,或者配置域名之類的,今天就說一下nginx配置相關(guān);由于筆者用到的場(chǎng)景不多,本文主要...
摘要:前言在開發(fā)過程經(jīng)常有要訪問靜態(tài)文件的場(chǎng)景,但是用開發(fā)不能直接訪問,所以需要配置訪問靜態(tài)文件,或者配置域名之類的,今天就說一下配置相關(guān)由于筆者用到的場(chǎng)景不多,本文主要是用來記錄簡(jiǎn)單的使用。 前言 在開發(fā)過程經(jīng)常有要訪問靜態(tài)文件的場(chǎng)景,但是用vscode開發(fā)不能直接訪問,所以需要配置nginx訪問靜態(tài)文件,或者配置域名之類的,今天就說一下nginx配置相關(guān);由于筆者用到的場(chǎng)景不多,本文主要...
摘要:跨域總結(jié)跨域思路跨域解決方案一般分為兩種前端解決,后端解決前端解決方案通過前端解決的思想就是,通過設(shè)置中間件把跨域的請(qǐng)求轉(zhuǎn)發(fā)一下,其實(shí)就是反向代理,比如想要訪問豆瓣的接口很會(huì)有跨域問題,但是如果請(qǐng)求的是就不存在跨域反向代理就是截取之后的請(qǐng)求 跨域總結(jié) 1.跨域思路 跨域解決方案一般分為兩種:前端解決,后端解決 1.1 前端解決方案 通過前端解決的思想就是,通過設(shè)置中間件把跨域的請(qǐng)求轉(zhuǎn)發(fā)...
摘要:它的作用是監(jiān)聽后建立的連接,對(duì)讀寫事件進(jìn)行添加刪除。事件處理模型和的非阻塞模型結(jié)合在一起使用。 趁著爸媽做年夜飯之前,把之前做的筆記貼出來,新的一年到了,祝大家 showImg(https://segmentfault.com/img/remote/1460000018099635?w=251&h=201); Nginx + Node + Vue 部署初試 知乎 個(gè)人博客 Githu...
摘要:如有錯(cuò)誤,歡迎指正。如果使用了進(jìn)行反向代理,那么和后端的之間默認(rèn)是用協(xié)議通信的。如果不是這樣,最好設(shè)置為,因?yàn)檫@會(huì)造成額外的開銷。一個(gè)比較好的處理方式是放在或級(jí)別單獨(dú)處理。 無論是前端還是后端,在部署項(xiàng)目時(shí),時(shí)常免不了用到Nginx,小項(xiàng)目也時(shí)常做個(gè)反向代理啥的。今天就簡(jiǎn)單直接,聊一下其中的一個(gè)點(diǎn)——gzip。如有錯(cuò)誤,歡迎指正。 一般服務(wù)器端常用的是 Ubuntu、CentOS、Li...
閱讀 3801·2021-11-24 09:39
閱讀 1810·2021-11-02 14:41
閱讀 814·2019-08-30 15:53
閱讀 3480·2019-08-29 12:43
閱讀 1189·2019-08-29 12:31
閱讀 3087·2019-08-26 13:50
閱讀 795·2019-08-26 13:45
閱讀 986·2019-08-26 10:56