ARTICLE DETAIL

资讯详情

深耕网站建设、视觉设计与SEO优化的一线实战洞察。

Nginx 本地部署vue项目

Nginx 本地部署vue项目

1、 下载 Nginx 稳定版本

在这里插入图片描述

2、下载安装后,打开 nginx.conf配置文件在这里插入图片描述

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

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

在这里插入图片描述

        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/

返回列表