Nginx搭建静态网站

2019独角兽企业重金招聘Python工程师标准>>>

搭建Http静态服务器环境

搭建静态网站，首先需要部署环境。下面的步骤，将告诉大家如何在服务器上通过 Nginx 部署 HTTP 静态服务。

安装 Nginx

在 CentOS 上，可直接使用 yum 来安装 Nginx

yum install nginx -y uyyum install nginx -yum install nginx -ym install nginx -y

安装完成后，使用 nginx 命令启动 Nginx：

nginx

此时，访问 http://<您的域名> 可以看到 Nginx 的测试页面 [?]

如果无法访问，请重试用 nginx -s reload 命令重启 Nginx

配置静态服务器访问路径

外网用户访问服务器的 Web 服务由 Nginx 提供，Nginx 需要配置静态资源的路径信息才能通过 url 正确访问到服务器上的静态资源。

打开 Nginx 的默认配置文件 /etc/nginx/nginx.conf ，修改 Nginx 配置，将默认的 root /usr/share/nginx/html; 修改为: root /data/www;，如下：

示例代码：/etc/nginx/nginx.conf

error_log /var/log/nginx/error.log;

pid /run/nginx.pid;

include /usr/share/nginx/modules/*.conf;

events {

worker_connections 1024;

}

http {

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 /var/log/nginx/access.log main;

sendfile on;

tcp_nopush on;

tcp_nodelay on;

keepalive_timeout 65;

types_hash_max_size 2048;

include /etc/nginx/mime.types;

default_type application/octet-stream;

include /etc/nginx/conf.d/*.conf;

server {

listen 80 default_server;

listen [::]:80 default_server;

server_name _;

root /data/www;

include /etc/nginx/default.d/*.conf;

location / {

}

error_page 404 /404.html;

location = /40x.html {

}

error_page 500 502 503 504 /50x.html;

location = /50x.html {

}

配置文件将 /data/www/static 作为所有静态资源请求的根路径，如访问: http://<您的域名>/static/index.js，将会去 /data/www/static/ 目录下去查找 index.js。现在我们需要重启 Nginx 让新的配置生效，如：

nginx -s reload

重启后，现在我们应该已经可以使用我们的静态服务器了，现在让我们新建一个静态文件，查看服务是否运行正常。

首先让我们在 /data 目录下创建 www 目录，如：

mkdir -p /data/www

创建第一个静态文件

在 /data/www 目录下创建我们的第一个静态文件 index.html

示例代码：/data/www/index.html

<!DOCTYPE html>

<head>

<title>第一个静态文件</title>

</head>

<body> Hello world！ </body>

</html>

现在访问 http://<您的域名>/index.html 应该可以看到页面输出 [Hello world!]

到此，一个基于 Nginx 的静态服务器就搭建完成了，现在所有放在 /data/www 目录下的的静态资源都可以直接通过域名访问。

如果无显示，请刷新浏览器页面

转载于:https://my.oschina.net/u/3084334/blog/1527199

Nginx搭建静态网站相关推荐

nginx 搭建静态网站
搭建Http静态服务器环境搭建静态网站,首先需要部署环境.下面的步骤,将告诉大家如何在服务器上通过 Nginx 部署 HTTP 静态服务. 安装 Nginx 在 CentOS 上,可直接使用 yum ...
【云计算】实验1：云主机搭建静态网站
文章目录一.实验目的二.实验环境三.实验内容 1.创建并连接云主机 2.搭建Http静态服务器环境安装 Nginx 配置静态服务器访问路径 3.创建第一个静态文件总结一.实验目的云计算体 ...
前后端分离项目nginx搭建静态页面服务器cors做后台跨域接收前台请求
自己在闲暇时间里,无聊的我试着做了一个前后台分离的入门demo.在编写代码前通过查询百度,csdn,博学谷等做了一些准备工作,具体还只是做到前台发送的请求能顺利的发送到后端,时间仓促做的也有不足之处, ...
nginx搭建静态服务器(127.0.0.1/localhost访问)
1. mkdir -p /home/appleyuchi/work 在work目录下面新建一个test.txt 2. root权限下面 nginx -c /etc/nginx/nginx.conf n ...
linux系统上搭建静态网站
linux系统上搭建静态网站 1.关闭防火墙和selinux 2.添加主机位为11的网卡 3.安装httpd包 4.创建网页文件根目录,定义网页内容并查看 5.编辑网站的配置文件 6.重启服务,测试 ...
ubuntu服务器搭建静态网站
阿里云ubuntu18服务器搭建静态网站(超简单) 一:远程连接服务器二:在终端输入apt-get install apache2,等待安装完毕三:apache2启动/停止 /etc/init.d ...
快速搭建静态网站生成器
快速搭建静态网站生成器下面有许多静态页面生成器,大家可以根据需求学以致用. 快速搭建静态网站:https://www.staticgen.com/
nginx搭建静态文件服务器,利用nginx搭建静态资源服务器的方法步骤
以windows为例,linux其实一样: 搭建静态资源服务器我电脑上的work文件夹下面有很多图片,我想通过nginx搭建静态资源服务器,通过在地址栏输入ip+port的方式完成目录的映射找到n ...
Nginx实现静态网站部署
Nginx实现静态网站部署想实现Nginx静态网站部署先要安装安装Nginx参考我的博客: Nginx的安装部署_程序员小王java的博客-CSDN博客Nginx的安装部署https://blog. ...

Nginx搭建静态网站

Nginx搭建静态网站相关推荐

最新文章

热门文章