Nginx运行Vue项目:基本运行

需求

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

说明

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

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

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

运行项目

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

Vue项目放置的位置

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

打开Nginx服务器

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

bash 复制代码
start nginx

示例如下:

页面查看

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

Vue项目启动并访问成功,示例如下:

参考

Nginx 下载、安装与运行

相关推荐
八哥程序员10 小时前
你真的理解了 javascript 中的原型及原型链?
前端·javascript
冴羽10 小时前
10 个 Nano Banana Pro 专业级生图技巧
前端·人工智能·aigc
7ayl10 小时前
Vue3 - runtime-core的渲染器初始化流程
前端·vue.js
前端老宋Running10 小时前
React 的“时光胶囊”:useRef 才是那个打破“闭包陷阱”的救世主
前端·react.js·设计模式
yinuo10 小时前
前端跨页面通讯终极指南③:LocalStorage 用法全解析
前端
隔壁的大叔10 小时前
正则解决Markdown流式输出不完整图片、表格、数学公式
前端·javascript
胡楚昊10 小时前
CTF SHOW逆向
java·服务器·前端
拉不动的猪11 小时前
前端JS脚本放在head与body是如何影响加载的以及优化策略
前端·javascript·面试
shykevin11 小时前
Actix-Web完整项目实战:博客 API
前端·数据库·oracle
神秘的土鸡11 小时前
Linux中使用Docker构建Nginx容器完整教程
linux·nginx·docker