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/

相关推荐
Aimyon_3611 分钟前
MinerU Docker自定义版本部署
运维·docker·容器
天天向上102424 分钟前
vue3 抽取el-dialog子组件
前端·javascript·vue.js
莱茶荼菜38 分钟前
Ubuntu 20.04 系统库管理详细教程
linux·运维·ubuntu
迅为电子1 小时前
嵌入式Linux新手入门:北京迅为3568开发板驱动开发第二章helloworld 驱动实验
linux·运维·驱动开发
自然 醒2 小时前
企业微信自建应用开发详细教程,如何获取授权链接?如何使用js-sdk?
javascript·vue.js·企业微信
AKclown2 小时前
基于Monaco的diffEditor实现内容对比
前端·vue.js·react.js
gongzemin3 小时前
使用阿里云ECS部署前端应用
前端·vue.js·后端
用户9714171814273 小时前
前端开发中的跨域问题:Vite 开发环境配置指南
vue.js·vite
可别3904 小时前
使用Worker打包报错
前端·vue.js
风中凌乱的L4 小时前
vue canvas标注
前端·vue.js·canvas