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/

相关推荐

  1. nginx部署vue项目

    2024-02-01 14:38:03       33 阅读
  2. nginx 二级目录部署vue项目

    2024-02-01 14:38:03       30 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-02-01 14:38:03       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-02-01 14:38:03       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-02-01 14:38:03       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-02-01 14:38:03       18 阅读

热门阅读

  1. vue3:中warch监听的几种写法

    2024-02-01 14:38:03       35 阅读
  2. ModuleNotFoundError: No module named ‘flask._compat‘

    2024-02-01 14:38:03       28 阅读
  3. rsync将远程文件同步到本地

    2024-02-01 14:38:03       32 阅读
  4. Docker加固策略,防止攻击

    2024-02-01 14:38:03       28 阅读
  5. Unity3D 如何获取动态生成的物体的数据详解

    2024-02-01 14:38:03       38 阅读
  6. 提升小波变换的程序演示

    2024-02-01 14:38:03       25 阅读
  7. 【SparkML系列2】DataSource读取图片数据

    2024-02-01 14:38:03       28 阅读
  8. 网络安全笔记

    2024-02-01 14:38:03       31 阅读
  9. 软件工程知识梳理2-需求分析

    2024-02-01 14:38:03       34 阅读