win10 nginx部署静态资源服务器和HTML

win10 nginx部署前端项目（静态资源服务器和HTML）
niginx的安装和启停操作参照博客：https://blog.csdn.net/qq_26666947/article/details/112272058

1、nginx部署静态资源服务器
（1）在nginx的根目录下，点击conf文件夹，编辑nginx.conf配置文件；

（2）增加sever配置，我这里因为还要配置前端服务器，所以就新建一个server，并配置对应的端口

server {
listen 9001;
server_name resouce;
root G:/resources; #访问文件根目录
autoindex on; #是否浏览文件下的列表
location / { #是否允许跨域
add_header Access-Control-Allow-Origin *;
}
add_header Cache-Control "no-cache,must-revalidate";# 是否缓存
}
server {
listen 9001;
server_name resouce;
root G:/resources; #访问文件根目录
autoindex on; #是否浏览文件下的列表
location / { #是否允许跨域
add_header Access-Control-Allow-Origin *;
}
add_header Cache-Control "no-cache,must-revalidate";# 是否缓存
}

（3）在安装目录的cmd界面中执行命令 nginx -s reload，使更改生效。

注意：如果nginx服务器未启动就执行更改命令会出现以下错误：

[错误]|nginx: [error] invalid PID number "" in "/usr/local/nginx-1.12.2/nginx_my.pid"
1
可以先运行start nginx启动nginx服务，在执行更改命令。

（4）在浏览器中输入：http://localhost:9001，即可访问资源服务器，动态演示效果如下。

2、nginx部署HTML项目
（1）在nginx的根目录下，点击conf文件夹，编辑nginx.conf配置文件；

（2）修改server配置中location：

location / {
root G:/ProjectResource/demo;
index index.html index.htm;
}

配置位置：

（3）在安装目录的cmd界面中执行命令 nginx -s reload，使更改生效。

（4）在浏览器中输入：http://localhost:8081，即可访问配置好的html首页，动态演示效果如下。

win10 nginx部署静态资源服务器和HTML相关推荐

记录使用nginx部署静态资源流程，以及遇到的访问静态资源404问题
nginx部署静态资源将网站静态资源(HTML,JavaScript,CSS,img等文件)与后台应用分开部署实现动静分离,提高用户访问静态代码的速度,降低对后台应用访问,减轻后台服务器的压力. 将 ...
入门Nginx之-静态资源服务器及跨域配置
简介这里静态资源就以之前的一个项目文章地址为例,源码 Github,项目本身很简单,只是分别对第三方的服务端.自己的服务端发起请求. 不论是调用第三方服务端接口,还是自己的后端服务,如果跨域未在服务 ...
nginx搭建静态文件服务器,利用nginx搭建静态资源服务器的方法步骤
以windows为例,linux其实一样: 搭建静态资源服务器我电脑上的work文件夹下面有很多图片,我想通过nginx搭建静态资源服务器,通过在地址栏输入ip+port的方式完成目录的映射找到n ...
Linux环境下Nginx部署静态资源文件。
操作环境: 阿里云服务器: Centos7.4 已安装过nginx 准备好静态资源文件. 部署静态资源文件我把自己的静态资源文件放在了/usr/local/nginx/html下. dv文件夹中为静 ...
服务器上Nginx部署静态资源(含域名绑定)
Nginx 应用场景: 1.http 服务器.Nginx 是一个 http 服务可以独立提供 http 服务.可以做网页静态服务器. 2.虚拟主机.可以实现在一台服务器虚拟出多个网站.例如个人网站使用 ...
Nginx 部署静态资源路径问题
本项目采用Nginx同端口不同目录方式部署,共用SSL证书,在部署过程中,由于加了不同的目录,导致静态资源路径不对. 有两种情况: 1.在反向代理时,proxy_pass地址带"/" ...
配置nginx作为静态资源服务器 css,js,image等资源直接访问
1.传统的web项目,一般都将静态资源存放在 webroot 的目录下,这样做很方便获取静态资源,但是如果说web项目很大,用户很多,静态资源也很多时,服务器的性能或许就会很低下了.这种情况下一般都 ...
Nginx部署静态资源
Nginx是一个HTTP的web服务器,可以将服务器上的静态资源(html.CSS.图片等)通过HTTP协议返回给浏览器客户端. 配置文件中有一个location的配置,配置静态资源,主要就是用它. ...
Nginx 配置静态资源服务器
目录一.打开config/nginx.config 二.添加一个资源文件夹存放静态资源三.配置文件四.测试访问一.打开config/nginx.config 二.添加一个资源文件夹存放静态资 ...

win10 nginx部署静态资源服务器和HTML

win10 nginx部署静态资源服务器和HTML相关推荐

最新文章

热门文章