資訊專欄INFORMATION COLUMN
摘要：最近公司打算采用前后端分離的開(kāi)發(fā)模式，這就意味著前后端代碼將分為兩個(gè)工程了，所以我打算用的反向代理來(lái)搭建一個(gè)開(kāi)發(fā)環(huán)境，方便后續(xù)的開(kāi)發(fā)。
最近公司打算采用前后端分離的開(kāi)發(fā)模式，這就意味著前后端代碼將分為兩個(gè)工程了，所以我打算用nginx的反向代理來(lái)搭建一個(gè)開(kāi)發(fā)環(huán)境，方便后續(xù)的開(kāi)發(fā)。
安裝nginx第一步當(dāng)然是安裝nginx，這里我是直接用windows下的一個(gè)第三方包管理器scoop來(lái)安裝，過(guò)程很簡(jiǎn)單，一個(gè)命令就夠了：
scoop install nginx配置nginx
然后，我們需要在nginx中配置我們的項(xiàng)目，參考nginx的相關(guān)配置，直接貼配置（主要是兩個(gè)server的配置）：
#user nobody;
worker_processes 1;
#error_log logs/error.log;
#error_log logs/error.log notice;
#error_log logs/error.log info;
#pid logs/nginx.pid;
events {
worker_connections 1024;
}
http {
include mime.types;
default_type application/octet-stream;
#log_format main "$remote_addr - $remote_user [$time_local] "$request" "
# "$status $body_bytes_sent "$http_referer" "
# ""$http_user_agent" "$http_x_forwarded_for"";
#access_log logs/access.log main;
sendfile on;
#tcp_nopush on;
#keepalive_timeout 0;
keepalive_timeout 65;
#gzip on;
# 靜態(tài)頁(yè)面配置
server {
listen 80;
server_name static.mysite.com;
location / {
root C:/nginx/html/sysmgr;
index index.html index.htm;
}
#error_page 404 /404.html;
# redirect server error pages to the static page /50x.html
#
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root C:/nginx/html/sysmgr;
}
}
# 接口配置
server {
listen 80;
server_name api.mysite.com;
# 允許來(lái)自靜態(tài)頁(yè)面的跨域請(qǐng)求
add_header Access-Control-Allow-Origin "http://static.mysite.com" always;
add_header Access-Control-Allow-Methods "GET, POST, PUT, DELETE, OPTIONS" always;
add_header Access-Control-Allow-Headers "DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization" always;
if ($request_method = "OPTIONS") {
return 204;
}
location / {
proxy_pass http://127.0.0.1:8080;
index index.html index.htm;
}
}
}
修改host
由于我是我把前端代碼和后端程序都放在本地，所以需要在host中配置相關(guān)的地址：
127.0.0.1 static.mysite.com 127.0.0.1 api.mysite.com啟用nginx
. ginx.exe -c .conf ginx.conf
然后，就可以通過(guò)http://static.mysite.com來(lái)訪問(wèn)我們的環(huán)境了。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/74402.html
摘要：實(shí)現(xiàn)前后端分離的心得對(duì)目前的來(lái)說(shuō)，前后端分離已經(jīng)變得越來(lái)越流行了，越來(lái)越多的企業(yè)網(wǎng)站都開(kāi)始往這個(gè)方向靠攏。前后端工作分配不均。 實(shí)現(xiàn)前后端分離的心得 對(duì)目前的web來(lái)說(shuō)，前后端分離已經(jīng)變得越來(lái)越流行了，越來(lái)越多的企業(yè)/網(wǎng)站都開(kāi)始往這個(gè)方向靠攏。那么，為什么要選擇前后端分離呢？前后端分離對(duì)實(shí)際開(kāi)發(fā)有什么好處呢? 為什么選擇前后端分離 在以前傳統(tǒng)的網(wǎng)站開(kāi)發(fā)中，前端一般扮演的只是切圖的工作...
摘要：目錄索引后端開(kāi)發(fā)工具前端開(kāi)發(fā)工具鏡像入門配置采用前后端分離的架構(gòu)，官方推薦開(kāi)發(fā)工具前端開(kāi)發(fā)或者后端開(kāi)發(fā)安裝插件或者開(kāi)發(fā)工具下載提取碼后端開(kāi)發(fā)工具序號(hào)工具參考安裝插件自定義皮膚主題常用快捷鍵前端開(kāi)發(fā)工具序號(hào)工具描述參考安裝運(yùn)行環(huán)境，此處使用 目錄索引： 后端開(kāi)發(fā)工具 前端開(kāi)發(fā)工具 Nodejs鏡像 WebStorm入門配置 JeecgBoot采用前后端分離的架構(gòu)，官方推薦開(kāi)發(fā)工具 ...
摘要：既然前段工程化是基于，那么選擇做前后端分離部署也是理所應(yīng)當(dāng)?shù)?。有了這三個(gè)東西，我們就可以搭建出最簡(jiǎn)單的前端服務(wù)器了。 前后端分離開(kāi)發(fā)應(yīng)該已經(jīng)是很多公司的標(biāo)配了，然而，在前端工程化的體系下，開(kāi)發(fā)環(huán)境代碼和生產(chǎn)環(huán)境代碼往往是平級(jí)的，不再是整個(gè)文件夾往服務(wù)器上一扔就了事，這讓每次的部署過(guò)程相當(dāng)繁瑣。 如下是常見(jiàn)的項(xiàng)目目錄： Project └──javaSrc └──app ...
閱讀 1538·2021-09-22 16:04
閱讀 2854·2019-08-30 15:44
閱讀 939·2019-08-30 15:43
閱讀 819·2019-08-29 15:24
閱讀 1892·2019-08-29 14:07
閱讀 1189·2019-08-29 12:30
閱讀 1778·2019-08-29 11:15
閱讀 2787·2019-08-28 18:08
