当前位置: 首页 > article >正文

征服Windows版nginx(2)

1.配置Nginx

编辑Nginx的配置文件(通常是nginx.conf),找到安装Nginx位置,如下路径:

D:\nginx-1.26.2\conf

双击打开nginx.CONF编辑,在http块中添加一个新的server块,用于指定Vue项目的静态文件目录和端口。例如,假设你的Vue项目构建后的静态文件被放置在D:\vue_projects\my-project\dist目录下,你可以这样配置:

http {
    server {
        listen       80;
        server_name  localhost;
 
        location / {
            #root后面是你打包vue项目位置路径
            root   D:/vue_projects/my-project/dist;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html;
        }
    }
}

2.重启Nginx

打开任务管理器结束Nginx.exe的所有进程后,重新进入安装Nginx位置,右键以管理员身份运行

运行后可打开任务管理器查看,成功后可以看到两个nginx.exe的进程,代表nginx重启成功。

3.访问Vue项目

现在打开浏览器,访问http://localhost,应该就能看到你的Vue项目(注:这里是80端口默认没写,如更换其他端口请在后面加上端口号,如http://localhost:8000)。

注意:确保Nginx的配置文件中的路径是正确的,并且Vue项目已经构建完成。如果你的Vue项目使用了history模式的路由,还需要确保Nginx配置中有正确的try_files指令来处理路由。


                

http://www.kler.cn/a/501942.html

相关文章:

  • 整数和浮点数的存储
  • 关于使用FastGPT 摸索的QA
  • 该虚拟机似乎正在使用中。 如果该虚拟机未在使用,请按“获取所有权(T)”按钮获取它的所有权。否则,请按“取消(C)”按钮以防损坏。
  • 2025-微服务—SpringCloud-1~3
  • CMD批处理命令入门(4)——ping,ipconfig,arp,start,shutdown,taskkill
  • 微信小程序实现长按录音,点击播放等功能,CSS实现语音录制动画效果
  • 今日总结 2025-01-13
  • 【Apache Paimon】-- 14 -- Spark 集成 Paimon 之 Filesystem Catalog 与 Hive Catalog 实践
  • matlab的绘图的标题中(title)添加标量以及格式化输出
  • 青少年编程与数学 02-006 前端开发框架VUE 17课题、组件深入
  • CClink IEF Basic设备数据 转 EtherCAT项目案例
  • 基于React的两种方式使用React-pdf
  • 开关不一定是开关灯用 - 命令模式(Command Pattern)
  • HarMonyOS使用Tab构建页签
  • Megatron:深度学习中的高性能模型架构
  • LeetCode 977 题:有序数组的平方
  • Python AI教程之十八:监督学习之决策树(9) 决策树模型中的过度拟合
  • 提升租赁效率的租赁小程序全解析
  • ElasticSearch在Windows环境搭建测试
  • springcloudalibaba集成fegin报错ClassNotFoundException解决方案
  • 探索 C++ 与 LibUSB:开启 USB 设备交互的奇幻之旅
  • 47_Lua文件IO操作
  • 【计算机网络】窥探计网全貌:说说计算机网络体系结构?
  • AI语音机器人大模型是什么?
  • 如何高效格式化输出 JSON 字符串
  • 浅谈对进程的认识