【学习笔记之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项目的页面了。

相关推荐
Song1 小时前
JVM 学习计划表(2025 版)
jvm·学习
小杨爱学习zb1 小时前
学习总结 网格划分+瞬态求解设置
笔记·学习·算法
爱摄影的程序猿1 小时前
如何基于 Django-Vue-Admin 快速二次开发?高效后台管理系统实战指南(附完整代码)
vue.js·python·django
互联网上的猪2 小时前
Excel时间类型函数(包括today、date、eomonth、year、month、day、weekday、weeknum、datedif)
笔记·学习·excel
weixin_535455792 小时前
WPF设计学习记录滴滴滴2
学习·wpf
前端极客探险家2 小时前
如何实现一个支持拖拽排序的组件:React 和 Vue 版
前端·vue.js·react.js·排序算法
阿超爱嵌入式2 小时前
STM32学习笔记之RCC模块(实操篇)
笔记·stm32·学习
yanyu-yaya2 小时前
devextreme-react/scheduler 简单学习
前端·学习·react.js
淬渊阁2 小时前
汇编学习之《运算和逻辑指令》
汇编·学习
别来无恙2022 小时前
算法设计学习4
c++·学习