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

相关推荐
qiyi.sky9 分钟前
JavaWeb——Vue组件库Element(3/6):常见组件:Dialog对话框、Form表单(介绍、使用、实际效果)
前端·javascript·vue.js
邓校长的编程课堂34 分钟前
助力信息学奥赛-VisuAlgo:提升编程与算法学习的可视化工具
学习·算法
杨荧41 分钟前
【JAVA开源】基于Vue和SpringBoot的洗衣店订单管理系统
java·开发语言·vue.js·spring boot·spring cloud·开源
missmisslulu1 小时前
电容笔值得买吗?2024精选盘点推荐五大惊艳平替电容笔!
学习·ios·电脑·平板
yunhuibin1 小时前
ffmpeg面向对象——拉流协议匹配机制探索
学习·ffmpeg
Ljubim.te1 小时前
软件设计师——数据结构
数据结构·笔记
hengzhepa1 小时前
ElasticSearch备考 -- Search across cluster
学习·elasticsearch·搜索引擎·全文检索·es
Front思2 小时前
vue使用高德地图
javascript·vue.js·ecmascript
蜡笔小新星2 小时前
Python Kivy库学习路线
开发语言·网络·经验分享·python·学习
攸攸太上2 小时前
JMeter学习
java·后端·学习·jmeter·微服务