首先,给服务器配置80端口,然后安装nginx,并查看版本,是否安装成功,前提是你有自己的服务器
sudo apt-get install nginx
nginx -v
这时就可以通过你的域名或者ip来访问了
接着我们开始部署项目,如果是Windows系统通过powershell把你的项目传到你的服务器上,目标路径是/var/www/html,我们的项目在此路径下
scp -r demo root@loveyang.vip:/var/www/html // -r 是指上传目录,demo是指目录名,
//demo下有个index.html,loveyang.vip是指我的域名,没域名可以使用ip
可以cd /var/www/html 目录下 ls 查看你的项目是否上传成功
然后在sites-available里进行配置,下面有一个default文件,并不建议直接在此更改你的配置,我们可以vi myIndex新建一个文件进行配置
cd /etc/nginx/sites-available/
vi myIndex // 文件名自己定义
将下面代码复制进去
如果输入不了,先按 Esc 再按 i
server { // 将配置更改成自己所需
listen 80; // 端口
server_name -; // 可以写域名,也可以一个-
root /var/www/html; // 项目所在目录
location /demo/ { // 要访问的地址
root html;
index index.html index.htm; // 你要访问的文件名
try_files $uri $uri/ /demo/index.html; // 重定向,不配置刷新页面会出错
}
}
完事 Esc wq,保存退出
nginx -s reload // 重启nginx
现在你可以用你的域名或者ip访问你的项目了,我这里只写了一个 hello world
如果你的项目涉及跨域请求,那你需要多加一些内容
location /api/ { // 这是你项目里代替的地址
proxy_set_header X-Real-IP $remote_addr;
proxy_pass http://37.98.11.306/api/; // 这是你要真实请求的地址
proxy_redirect off;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header Host $http_host;
proxy_set_header X-NginX-Proxy true;
} // 其它内容不要管,复制进去即可
好像有点啰嗦、、、