需求
在Nginx服务器中,运行Vue项目。
说明
Vue项目打包生成的生产文件,是无法直接在浏览器打开的。需要放到Nginx服务器中,才能够访问。
本文章只介绍最基本的情况:Nginx中运行一个Vue项目。
实际生产环境,一个Nginx服务器中,会运行多个Vue项目。这需要配置,本文暂不介绍。
运行项目
将Nginx服务器启动,然后将Vue包放置到对应的目录,就能够在浏览器访问到Vue项目的页面了。
Vue项目放置的位置
Vue项目打包生成的文件,放在Nginx服务器的 html 目录下。
打开Nginx服务器
进入Nginx所在目录,输入如下命令
bash
start nginx
示例如下:
页面查看
在浏览器输入 localhost
,打开Vue项目的首页。
Vue项目启动并访问成功,示例如下: