资讯专栏INFORMATION COLUMN

nginx代理实现静态资源访问的示例代码

3119555200 / 104人阅读

一   nginx配置本地代理


找到nginx配置文件nginx.conf,配置nginx代理


server{
listen 80;
location / {
alias D:/workspace/sc-multipl-static-web-project/;
index index.html;
}


二   实现域名访问


新增一个找到hosts文件,以管理员身份打开编辑


127.0.0.1 www.chen123.com


nginx配置文件


server{
listen 80;
server_name www.chen123.com;
ssi on;
ssi_silent_errors on;
location / {
alias D:/workspace/sc-multipl-static-web-project/;
index index.html;
}
}


保存配置文件,重启后浏览器输入 localhost:chen123


三   页面预览


再打开nginx配置文件


http {
include mime.types;
default_type application/octet-stream;
sendfile on;
#tcp_nopush on;
#keepalive_timeout 0;
keepalive_timeout 65;
#gzip on;
upstream cms_server_pool {
server 127.0.0.1:31001 weight=10;
}
server{
listen 80;
server_name www.xuecheng.com;
ssi on;
ssi_silent_errors on;
location / {
alias D:/workspace/sc-multipl-static-web-project/;
index index.html;
}
location /cms/preview/ {
proxy_pass http://cms_server_pool/cms/preview/;
}
}
}


实现的页面预览接口如下


upstream cms_server_pool {
server 127.0.0.1:31001 weight=10;
}


本地的nginx配置如下


events {
worker_connections 1024;
}
http {
include mime.types;
default_type application/octet-stream;
sendfile on;
keepalive_timeout 65;
upstream cms_server_pool {
server 127.0.0.1:31001 weight=10;
}
server{
listen 80;
server_name www.xuecheng.com;
ssi on;
ssi_silent_errors on;
location / {
alias D:/workspace/sc-multipl-static-web-project/;
index index.html;
}
location /cms/preview/ {
proxy_pass http://cms_server_pool/cms/preview/;
}
}
}


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

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

相关文章

  • Nginx反向代理与负载均衡

    反向代理 反向代理是以代理服务器接收用户访问请求,代理用户向内部服务器重新发起请求,最后把内部服务器响应信息返回给用户。这样,代理服务器对外就表现为一台服务器,而访问内部服务器客户端用...

    megatron 评论0 收藏0
  • Nginx反向代理与负载均衡

    反向代理 反向代理是以代理服务器接收用户访问请求,代理用户向内部服务器重新发起请求,最后把内部服务器响应信息返回给用户。这样,代理服务器对外就表现为一台服务器,而访问内部服务器客户端用...

    fai1017 评论0 收藏0
  • 前端常见跨域解决方案(全)

    ...=== 0) { // 第1次onload(跨域页)成功后,切换到同域代理页面 iframe.contentWindow.location = "http://www.domain1.com/proxy.html"; state = 1; } }; document.body.appendChild(iframe); // 获取数据以后销毁这个iframe,释...

    canger 评论0 收藏0
  • 大话javascript 5期:跨域

    ...e跨域 5、 postMessage跨域 6、 跨域资源共享(CORS) 7、 nginx代理跨域 8、 nodejs中间件代理跨域 9、 WebSocket协议跨域 1.通过jsonp跨域 【1】定义: JSONP是一种跨域资源请求解决方案,利用了 服务端返回如下(返回时即执行全局函数...

    jzzlee 评论0 收藏0
  • nginx反向代理、动静分离、负载均衡

    反向代理 要说反向代理,我们就先要理解正向代理 ,下面我们就谈谈正向代理和反向代理吧。 正向代理 一个位于客户端和原始服务器(origin server)之间服务器,为了从原始服务器取得内容,客户端向代理发送一个请求并指定...

    DTeam 评论0 收藏0

发表评论

0条评论

3119555200

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<