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

相关推荐
烂蜻蜓2 小时前
前端已死?什么是前端
开发语言·前端·javascript·vue.js·uni-app
谢尔登3 小时前
Vue 和 React 的异同点
前端·vue.js·react.js
东方芷兰3 小时前
伯克利 CS61A 课堂笔记 11 —— Mutability
笔记·python
祈澈菇凉8 小时前
Webpack的基本功能有哪些
前端·javascript·vue.js
快下雨了L9 小时前
C++面试笔记(持续更新...)
笔记
陈无左耳、9 小时前
HarmonyOS学习第3天: 环境搭建开启鸿蒙开发新世界
学习·华为·harmonyos
yanglamei196210 小时前
基于Python+Django+Vue的旅游景区推荐系统系统设计与实现源代码+数据库+使用说明
vue.js·python·django
柃歌10 小时前
【UCB CS 61B SP24】Lecture 7 - Lists 4: Arrays and Lists学习笔记
java·数据结构·笔记·学习·算法
JANGHIGH10 小时前
c++ std::list使用笔记
c++·笔记·list
柃歌10 小时前
【UCB CS 61B SP24】Lecture 4 - Lists 2: SLLists学习笔记
java·数据结构·笔记·学习·算法