Nginx 本地部署vue项目

1、 下载 Nginx 稳定版本

2、下载安装后,打开 nginx.conf配置文件

3、找到打包好的文件,并配置运行文件

文件的位置 root C:/server/build

c 复制代码
        location  /{
				root   C:/server/build;
                index  index.html index.htm;
                #解决刷新后nginx报404问题
                try_files $uri $uri/ /marketing/index.html;
       }

4、运行nginx

cmd或直接运行nginx.exe

cd C:\server\nginx-1.24.0 (cmd打开文件)

start nginx.exe (启动)

nginx.exe -s reload (重新加载nginx配置)

nginx.exe -s quit (停止nginx服务)

nginx.exe -s stop (强制停止nginx服务)

taskkill /f /t /im nginx.exe (有时候明明输入命令关闭了nginx服务却发现仍能访问,可以使用以下命令杀死所有nginx.exe进程)

5、浏览器输入 http://localhost/

相关推荐
夜影风2 小时前
Linux系统中自签名HTTPS证书
linux·运维·https
wb1892 小时前
流编辑器sed
运维·笔记·ubuntu·云计算
一 乐3 小时前
民宿|基于java的民宿推荐系统(源码+数据库+文档)
java·前端·数据库·vue.js·论文·源码
成工小白3 小时前
【Linux】C语言模拟实现shell命令行(程序替换原理)
linux·运维·服务器
BillKu3 小时前
Vue3 + TypeScript + Element Plus 表格行按钮不触发 row-click 事件、不触发勾选行,只执行按钮的 click 事件
vue.js·elementui·typescript
小前端大牛马3 小时前
react中hook和高阶组件的选型
前端·javascript·vue.js
福理原乡大王5 小时前
Linux信号详解
linux·运维·服务器·c++·ubuntu·信号处理
孙克旭_5 小时前
day031-Shell自动化编程-数组与案例
linux·运维·自动化
喜欢踢足球的老罗5 小时前
自动化模型管理:MediaPipe Android SDK 中的模型文件下载与加载机制
android·运维·自动化
遇见火星5 小时前
自动化KVM虚拟机创建脚本详解:从模板到高效部署的线上实践!
运维·自动化·kvm