博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
nginx中location配置resful显示css、js
阅读量:6222 次
发布时间:2019-06-21

本文共 1367 字,大约阅读时间需要 4 分钟。

  hot3.png

在之前的开发中,我讲开发好的程序打包放到服务器上,然后通过nginx代理一下,在浏览器输入“http://hellobyte.cn”可以直接访问到我的程序,我之前的nginx是这么配置的:

server {	listen 80;	server_name www.hellobyte.cn hellobyte.cn;	location / {			proxy_pass http://127.0.0.1:8081/;	}}

但是现在呢现在想增加一个二级域名“focus.hellobyte.cn”,想访问到“http://127.0.0.1:8081/edu”这个路径下,然后我又将上面的配置复制了一遍增加上去,

server {	listen 80;	server_name www.hellobyte.cn hellobyte.cn;	location / {			proxy_pass http://127.0.0.1:8081/;	}}server {	listen 80;	server_name focus.hellobyte.cn	location / {			proxy_pass http://127.0.0.1:8081/edu;	}}

在浏览器“http://focus.hellobyte.cn”发现程序是能访问的,但是css、js却访问不了,经过排查发现我的css、js的跟路径是“/“,但是我在做proxy_pass的时候将跟路径指向了”/edu“,因此就找不到css、js了,后来在文章发现location中”/“表示的是通用规则(原来我一直都是配置错误的),经过改成后的配置如下:

server {	listen 80;	server_name www.hellobyte.cn hellobyte.cn;	location = / {			proxy_pass http://127.0.0.1:8081/;	}} server {	listen 80;	server_name focus.hellobyte.cn;	location = / {		proxy_pass http://127.0.0.1:8081/edu;	}	location / {		proxy_pass http://127.0.0.1:8081/;	}}

第一个server很容易理解,当访问“http://hellobyte.cn”的时候跳转到“http://127.0.0.1:8081/”页面;第二个的意思是当访问“focus.hellobyte.cn”的时候跳转到“http://127.0.0.1:8081/edu”页面,但是当页面做请求的css、js没有的时候,再从“http://127.0.0.1:8081/”这个路径下去找,这样配置就ok了,css、js全部正常显示。

---------------------------------------------------

参考文章:

群:【518397333】欢迎求职者、HR、C#,PHP,Java,C++,IOS,Android,.NET,DBA,UI加入。

转载于:https://my.oschina.net/funmo/blog/614404

你可能感兴趣的文章
[积累]C++复习 海大2014硕士生面试题微信系统总结
查看>>
Python初学笔记
查看>>
【小白的CFD之旅】14 实例反思
查看>>
jqGrid在IE中使用iframe嵌套,页码条不显示问题
查看>>
使用IntelliJ IDEA开发SpringMVC网站(五)博客文章管理
查看>>
jquery左右链接类似frameset的插件
查看>>
什么情况下会调用到session_destroy()
查看>>
WPF显示html的几种方法
查看>>
禁用ios7 手势滑动返回功能
查看>>
iOS顶部滑动菜单:FDSlideBar 与NinaPagerView
查看>>
新手选择使用 Linux 桌面的七个注意点
查看>>
进程的优先级 与 CFS 进程调度
查看>>
开源爬虫Labin,Nutch,Neritrix介绍和对比
查看>>
使用ASP.Net WebAPI构建REST服务(六)——Self-Host
查看>>
实例演示如何使用AgileEAS.NET SOA平台工作流进行业务流程自定义
查看>>
结合Spring发送邮件的四种正确姿势,你知道几种?
查看>>
使用钉钉通知你的 Laravel 框架系统异常
查看>>
【译】Vue 的小奇技(第一篇):提高大型数据列表的性能
查看>>
android中compileSdkVersion、minSdkVersion、targetSdkVersion 的选择
查看>>
0224 - 技术的道与术
查看>>