Nginx 本地部署vue项目

1、 下载 Nginx 稳定版本

Nginx 本地部署vue项目_第1张图片

2、下载安装后,打开 nginx.conf配置文件Nginx 本地部署vue项目_第2张图片

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

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

Nginx 本地部署vue项目_第3张图片

        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/

你可能感兴趣的:(nginx,vue.js,运维)