本地搭建服务器
- Nginx官网下载,解压放到本地文件夹.
- 打开文件nginx.conf文件 ,做出以下修改:
server {
# 启动后的端口
listen 8880;
# 启动时的地址
server_name localhost;
# 启动后,地址栏输入: localhost:8880, 默认会在html文件夹下找 index.html文件
location / {
root html;
index index.html;
}
# 404页面配置,页面同样在html文件夹中
error_page 404 /404.html;
location = /404.html {
root html;
}
# 其他错误码页面配置
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
# 配置代理。由于项目是在本地起动的,而我们的request需要请求其他ip地址。如果你的request链接为localhost:8880/abc/login?name=12345,那么下面配的就是location /abc
location /api {
proxy_pass http://192.168.0.0:80;
}
# 一把前端不管用vue,还是react等框架,默认都是单页面的,如果你的项目是多页面的,则需要用到下面的配置。
# 因为此时你的浏览器的url不是localhost:8880/#/login,而是 localhost:8880/a.html/#/login
# 所以我们需要将路径中a.html指向具体的html文件夹中的文件,因为默认是index.html
location /a.html {
alias html;
index a.html;
}
location /b.html{
alias html;
index b.html;
}
}
- 将编译文件放入html文件夹里面
- 启动服务器 $start nginx 关闭 $nginx -s stop 浏览器打开localhost:7777 或者通过任务管理器关闭.
Nginx
一款轻量级的HTTP服务器,采用事件驱动的异步非阻塞处理方式框架,具有极好的IO性能,时常用于服务端的反向代理和负载均衡。
在CentOS上安装Nginx,先用yum进行安装必要程序#yum -y install gcc gcc-c++ autoconf pcre-devel make automake
#yum -y install wget httpd-tools vim
(1)查看Nginx的安装目录: #rpm -ql nginx
(2)新建文件夹,新建四个子文件夹app backup download work文件夹
(3)查看yum是否存在: #yum list | grep nginx
Putty
官网下载安装Putty,本地新建文件夹安装.
在Ubuntu18.04安装LNMP
- 先更新软件源 $sudo apt-get update
- 再安装nginx $sudo apt-get install nginx