nginx作为最流行的静态网站服务器,收到广大程序员喜爱。不仅性能高,配置更是灵活。今天就说说怎么用nginx发布多个前端项目。
大家一般都是VUE开发,这里简单起见,就弄两个页面吧。真实的VUE项目一样。
准备两个网站
在nginx安装目录下的html文件夹下,新建a文件夹和b文件夹。
文件夹下都放一个index.html文件
<!--A页面-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>A页面</title>
</head>
<body>
<p>这里是A应用</p>
</body>
</html>
<!--B页面-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>B页面</title>
</head>
<body>
<p>这里是B应用</p>
</body>
</html>
修改配置文件
修改conf/nginx.conf。在默认配置文件的基础上做如下修改
启动nginx
nginx start
测试
alias和root
有的同学疑惑alias和root有什么不一样。还是这两个页面,我们用alias试试。将配置文件改成如下
#重载配置
nginx -s reload
再做如下修改
会发现,网站又可以访问了。这样看来有如下结论:
如果用root,网站的位置应该在root + location处;
如果用alias,网站的位置应该在alias处;