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 下载、安装与运行

相关推荐
谢尔登5 分钟前
10_从 React Hooks 本质看 useState
前端·ubuntu·react.js
辰同学ovo6 分钟前
从全局登录状态管理学习 Redux
前端·javascript·学习·react.js
陈随易27 分钟前
2年没用Nodejs了,Bun很香
前端·后端·程序员
donecoding43 分钟前
Corepack 完全解析:从懵到懂,包管理器自由了
前端·node.js·前端工程化
yqcoder1 小时前
端经典面试题:为什么 0.1 + 0.2 !== 0.3?
前端·css
ZC跨境爬虫1 小时前
跟着 MDN 学 HTML day_12:(HTML网页图片嵌入)
前端·javascript·css·ui·html
光影少年1 小时前
reeact虚拟DOM、Diff算法原理、key的作用与为什么不能用index
前端·react.js·掘金·金石计划
用户059540174461 小时前
大模型记忆存储踩坑实录:LangChain 的 ConversationBufferMemory 让我排查了 6 小时
前端·css
是上好佳佳佳呀1 小时前
【前端(十二)】JavaScript 函数与对象笔记
前端·javascript·笔记
untE EADO1 小时前
Nginx代理到https地址忽略证书验证配置
运维·nginx·https