Nginx虚拟主机（server块）部署Vue项目

需求

配置虚拟主机，实现一个Nginx运行多个服务。

实现

使用Server块。不同的端口号，表示不同的服务；同时在配置中指定，Vue安装包所在的位置。

配置

Vue项目，放在 html/test 目录下。

config中的配置如下：

    server {listen       81;server_name  localhost;location / {root   html/test;index  index.html index.htm;}}

Vue项目放置的位置

Vue项目打包生成的文件，放在Nginx服务器的 html/test 目录下

调用

浏览器中输入ip和端口号，显示效果如下：

http://localhost:81/