今天玩玩项目,学学nginx发现还不错,速度还可以,但是CSS JS确无法使用,原来Iginx配置时需要对不同类型的文件配置规则,真是很郁闷,不过想想也还是很有道理。闲暇之际,把配置贴上来。
#user nobody;
worker_processes 1;
error_log logs/error.log;
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 ;
sendfile on;
#tcp_nopush on;
#keepalive_timeout 0;
keepalive_timeout 65;
#gzip on;
server {
listen 8081 default;
server_name localhost;
charset utf-8;
location / {
index index.php;
if (!-e $request_filename) {
#rewrite ^/myapp/(.*\.(css|js|jpg|gif|png))$ /$1 last;
rewrite ^/(.*)$ /index.php/$1;
break;
}
}
location ~ .+\.php($|/) {
set $script $uri;
set $path_info "/";
if ($uri ~ "^(.+\.php)(/.+)") {
set $script $1;
set $path_info $2;
}
include fcgi.conf;
root D:\Apache2.2\htdocs\myblog;
fastcgi_pass 127.0.0.1:9000;
fastcgi_index index.php?IF_REWRITE=1;
fastcgi_param PATH_INFO $path_info;
fastcgi_param SCRIPT_FILENAME $document_root/$script;
fastcgi_param SCRIPT_NAME $script;
}
location ~* .(jpg|gif|png|js|css)$ {
root D:\Apache2.2\htdocs\myblog;
if (-f $request_filename) {
expires max;
break;
}
}
}
}
分享到:
相关推荐
综上所述,解决nginx部署Vue项目时找不到js和css文件的问题,关键在于正确设置Webpack打包时资源引用的基础路径。对于vue-cli@3,你需要在vue.config.js中配置baseUrl;而对于vue-cli@2,则需要修改config/index.js...
Nginx配置多个service 多个访问路径 找到conf/nginx.conf修改配置文件 #user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info; #pid ...
通过使用Nginx 反向代理来解决JS跨域问题 http://blog.csdn.net/mzhaocai/article/details/79238338
这个问题通常与静态资源的路径解析和Nginx的配置有关。以下是一些解决这个问题的步骤和相关知识点: 首先,我们需要理解Vue CLI的打包过程。当运行`npm run build`时,Vue CLI会将项目打包成静态资源,包括HTML、...
它不仅可以作为静态文件服务器,处理 HTML、CSS、JavaScript 等资源的下载请求,还可以作为动态内容的代理,将请求转发给后端的 PHP、Java 等应用服务器。在本篇中,我们将深入探讨 Nginx 如何配置来实现文件资源的...
可以通过`nginx -T`查看当前生效的配置,使用`tail -f /var/log/nginx/access.log`或`error.log`来实时监控Nginx的日志,以便于排查问题。 以上就是Linux环境下安装Nginx的基本步骤和所需依赖库的介绍。确保每个...
NGINX静态路由器NGINX的静态文件(html,css,js)路由器示例介绍使用NGINX提供静态文件时,此数据将重新路由。 隐藏扩展名以提高安全性按原样支持语义URL与文件结构通过语义URL的搜索引擎优化(SEO) 出于此目的而...
nginx镜像资源nginx镜像资源nginx镜像资源nginx镜像资源nginx镜像资源nginx镜像资源
如果反向代理配置如下,那么不需要下载查看了。 http://127.0.0.1:3000 => http://ip或域名:端口 这个教程针对特殊情况,需配置访问二级路径的。 http://127.0.0.1:3000 => http://ip或域名:端口/yapi
在使用Nginx web服务器时,了解如何查看其配置文件路径和资源文件路径至关重要,这有助于管理和维护服务器的配置。本文将详细介绍几种方法来获取这些信息。 首先,我们来看如何查看Nginx的配置文件路径。最常用的...
当Nginx同时作为静态资源服务器和反向代理服务器时,日志文件中可能会充斥着大量的静态资源请求,如JavaScript (js)、CSS样式表、图片(jpg、jpeg、png等)等,这会影响我们查看和分析后端API接口的调用情况。...
下面将详细介绍如何在Linux离线环境下安装Nginx,并使用提供的资源包"nginxpackage"。 首先,你需要确保你的Linux系统已经安装了必要的编译工具和依赖库。这些通常包括GCC编译器、Make、zlib库、pcre库和openssl库...
4. 静态资源处理:Nginx对静态资源如HTML、图片、CSS、JavaScript等文件的处理效率非常高,能够快速响应用户的请求。 5. 错误页面定制:Nginx支持自定义错误页面,可以提供更加友好的用户体验。 **二、Windows与...
如果希望域名后边跟随的路径指向本地磁盘的其他目录,而不是默认的web目录时,需要设置nginx目录访问重定向. 应用场景:dashidan.com/image自动跳转到dashidan.com/folderName/image.nginx目录路径重定向的四种实现方式...
nginx配置多个静态资源 本文将详细介绍nginx配置多个静态资源的知识点,从基本概念到配置实践,涵盖了nginx配置文件的各个组件和指令。 nginx配置文件结构 nginx配置文件主要由以下几个部分组成: * main块:...
1.查看80端口是否被占用,一般80端口多被apache服务占用。 netstat -anp|grep 80 2.修改apache服务的端口号 ...以上所述是小编给大家介绍的linux服务器上使用nginx访问本地静态资源的方法,希望对大家有所帮助!
这里提到的"nginx脚本需要的资源"指的是为了成功部署和运行Nginx服务,我们需要准备的一些关键组件和文件。 1. **Nginx**:这是核心的Web服务器软件,负责处理HTTP和HTTPS请求。Nginx-1.15.7是Nginx的一个特定版本...
3. **配置静态资源路径** 要部署静态网站,你需要告诉Nginx静态文件的位置。在`http`块或者`server`块内,创建一个`location`块来指定静态文件目录,例如: ``` location / { root /var/www/html; index index....
**Nginx安装与解决跨域问题** 在现代Web开发中,由于浏览器的同源策略,跨域问题经常出现,限制了不同源之间的通信。Nginx作为一个高性能的反向代理服务器,常被用于处理此类问题。本篇将详细介绍如何在Linux环境下...