Vue项目发布到windows Nginx服务器

190 阅读1分钟

什么是Nginx服务器?

Nginx是一款高性能的http服务器反向代理服务器电子邮件(IMAP/POP3)代理服务器。由俄罗斯的程序设计师Igor Sysoev所开发,官方测试nginx能够支支撑5万并发链接,并且cpu、内存等资源消耗却非常低,运行非常稳定。

Nginx的应用场景:

  1. http服务器。Nginx是一个http服务可以独立提供http服务。可以做网页静态服务器。
  2. 虚拟主机。可以实现在一台服务器虚拟出多个网站。例如个人网站使用的虚拟主机。 基于端口的,不同的端口。基于域名的,不同域名
  3. 反向代理,负载均衡。当网站的访问量达到一定程度后,单台服务器不能满足用户的请求时,需要用多台服务器集群可以使用nginx做反向代理。并且多台服务器可以平均分担负载,不会因为某台服务器负载高宕机而某台服务器闲置的情况。

1. 下载Nginx,如下图:

image.png

下载安装参考网址:Nginx Windows详细安装部署教程 - taiyonghai - 博客园 (cnblogs.com)

2. 把vue项目打包好的dist文件放入html目录下

image.png

3. 找到conf/nginx.config文件,用文本方式打开,进行修改

image.png

image.png

4. 此时你在服务器的浏览器上访问:localhost:8080 就可以展示自己的前端页面了