Nginx运行Vue项目：基本运行

需求

在Nginx服务器中，运行Vue项目。

说明

Vue项目打包生成的生产文件，是无法直接在浏览器打开的。需要放到Nginx服务器中，才能够访问。

本文章只介绍最基本的情况：Nginx中运行一个Vue项目。

实际生产环境，一个Nginx服务器中，会运行多个Vue项目。这需要配置，本文暂不介绍。

运行项目

将Nginx服务器启动，然后将Vue包放置到对应的目录，就能够在浏览器访问到Vue项目的页面了。

Vue项目放置的位置

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

打开Nginx服务器

进入Nginx所在目录，输入如下命令

start nginx

示例如下：

页面查看

在浏览器输入 localhost ，打开Vue项目的首页。

Vue项目启动并访问成功，示例如下：

参考

Nginx 下载、安装与运行