【学习笔记之vue】使用Nginx运行vue

下载http://nginx.org/en/download.html

下一个稳定版本

加入环境变量

加入path

在nginx解压路径下输入cmd


或者双击

之后erro显示:80端口冲突

下面我们将80默认启动端口改成90


双击nginx.exe,在浏览器中输入地址http://localhost:90/,成功启动。

将vue项目打包

复制代码
>>>npm run build

将生成的dist文件下的内容放在nginx--->html文件下

双击nginx.exe,在浏览器中输入地址http://localhost:90/,再次成功启动就是vue项目的页面了。

相关推荐
zqlcoding2 分钟前
使用el-table表格动态渲染表头数据之后,导致设置fixed的列渲染出现问题
前端·javascript·vue.js
冰茶_7 分钟前
.NET MAUI 发展历程:从 Xamarin 到现代跨平台应用开发框架
学习·microsoft·微软·c#·.net·xamarin
爱吃的强哥13 分钟前
vue3 使用 vite 管理多个项目,实现各子项目独立运行,独立打包
前端·javascript·vue.js
涵信22 分钟前
第十节:性能优化高频题-虚拟DOM与Diff算法优化
javascript·vue.js·性能优化
帅云毅26 分钟前
Web3.0的认知补充(去中心化)
笔记·学习·web3·去中心化·区块链
豆豆26 分钟前
day32 学习笔记
图像处理·笔记·opencv·学习·计算机视觉
拖孩29 分钟前
【Nova UI】十一、组件库中 Icon 组件的测试、使用与全局注册全攻略
前端·javascript·vue.js·ui·sass
nenchoumi31191 小时前
VLA 论文精读(十六)FP3: A 3D Foundation Policy for Robotic Manipulation
论文阅读·人工智能·笔记·学习·vln
凉、介1 小时前
PCI 总线学习笔记(五)
android·linux·笔记·学习·pcie·pci
SuperSwaggySUP1 小时前
4/25 研0学习日志
学习