1、下载对应系统版本的nginx包
# wget http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm
2、建立nginx的yum仓库
# rpm -ivh nginx-release-centos-7-0.el7.ngx.noarch.rpm
3、安装nginx
# yum install nginx
4、启动Nginx并设置开机自动运行
# systemctl start nginx.service
# systemctl enable nginx.service
5、项目打包目录:
build
----static
--------css
--------js
--------...
----index.html
注:其中【index.html】 内引入路径为
<link href="/static/css/******.css" rel="stylesheet" />
<script src="/static/js/******.js"></script>
6、配置nginx
静态文件放在 /usr/web/demo
# cd /etc/nginx/
# vi nginx.conf
----------------------------nginx.conf start-------------------------
server {
listen 80;
listen [::]:80;
server_name _;
root /usr/share/nginx/html;
# Load configuration files for the default server block.
include /etc/nginx/default.d/*.conf;
error_page 404 /404.html;
location = /404.html {
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
}
# 设置默认 / 路径访问页面
location / {
root /usr/web/demo;
index index.html index.htm;
autoindex on;
}
# 设置 /demo 路径访问页面
location /demo{
root /usr/web;
index index.html index.htm;
autoindex on;
add_header Cache-Control no-cache;
}
# HTML中静态文件映射路径
location /static {
root /usr/web/demo;
autoindex on;
}
}
----------------------------nginx.conf end-------------------------
7、重启Nginx
# systemctl restart nginx.service
8、访问服务
浏览器地址栏输入:
http://[IP] 或 http://[IP]/demo
注:其中IP为服务器外网对应的IP地址