windows环境下,nginx部署vue工程

news/2024/11/25 19:44:44/

在 Windows 环境下部署 Vue 工程,可以使用 Nginx 作为 Web 服务器。下面是具体步骤:

1. 安装 Nginx

在 Windows 环境下安装 Nginx,可以从官网下载 Windows 版本的 Nginx,下载地址为:http://nginx.org/en/download.html。

下载完成后,解压缩到任意目录即可。

2. 配置 Nginx

在 Nginx 的安装目录下,找到 conf 目录,打开 nginx.conf 文件,进行如下配置:

```
http {
    server {
        listen       80;
        server_name  localhost;

        location / {
            root   D:/vue-project/dist; # Vue 项目的打包文件所在的目录
            index  index.html;
            try_files $uri $uri/ /index.html;
        }
    }
}
```

其中,`root` 指定了 Vue 项目的打包文件所在的目录,`try_files` 指定了当访问的文件不存在时,返回 `index.html` 文件。

3. 启动 Nginx

在 Nginx 的安装目录下,双击 nginx.exe 文件,即可启动 Nginx。

4. 访问 Vue 项目

在浏览器中输入 `http://localhost`,即可访问 Vue 项目。

注意:如果 Vue 项目使用了 Vue Router,需要在 `router/index.js` 文件中设置 `base`,例如:

```
const router = new VueRouter({
  mode: 'history',
  base: '/vue-project/', // Vue 项目的根路径
  routes
})
```

这样,在访问 Vue 项目时,需要在 URL 中加上 `vue-project`,例如:`http://localhost/vue-project`。


http://www.ppmy.cn/news/108588.html

相关文章

AndroidMVP架构与MVVM架构的对比(内附代码实例)

😄😄个人介绍 光子郎.进行开发工作七年以上,目前涉及全栈领域并进行开发。会经常跟小伙伴分享前沿技术知识,java后台、web前端、移动端(Android,uniapp,小程序)相关的知识以及经验体…

Linux command(inotify)

说明 fs.inotify.max_user_instances 变量是 Linux 系统中用于控制 inotify 实例数量的参数。inotify 是 Linux 内核提供的一种文件系统事件监控机制,它可以监控文件系统中的文件和目录,当文件或目录发生变化时,可以及时通知应用程序。 fs.…

全面理解:C++中list(双向链表)容器的基础概念与函数解析

list容器的基础概念 在 C 标准库中,list 是一种双向链表,允许在任何位置进行快速的插入和删除操作。 以下是一些关于 list 的基本信息。 存储:list 是一种双向链表结构,它不像 vector 或 array 那样提供连续的内存存储。 时间复杂…

IIC总线协议的死锁问题

目录 1. IIC的特性 2. IIC死锁问题分析 3. 常见的IIC死锁问题解决方法 1. IIC的特性 IIC协议是一个允许一主多从通信的协议,只能用于短距离通信,并且只需要两根信号线来交换信息。 IIC的两根信号是SCL和SDA,SCL是时钟信号线,S…

Java之路:构建坚实基础,系统学习Java技术的终极指南

无论是初学者还是有经验的专业人士,在学习一门新的IT技术时,都需要采取一种系统性的学习方法。作为一名Java技术er,下面我将介绍我是如何系统的学习Java技术的。 一、Java技术介绍 Java是一种广泛应用于软件开发的高级编程语言,…

docker的基本相关知识和操作

镜像相关操作命令: 访问DockerHub搜索镜像,https://hub.docker.com/ 查看本地镜像:docker images 搜索镜像 docker search redis (搜索redis) 拉取镜像:docker pull redis (默认版本&#x…

【学习日记2023.5.30】之 订单处理 订单状态定时处理_来单提醒_用户催单

文章目录 10. 订单处理10.1 Spring Task10.1.1 介绍10.1.2 cron表达式10.1.3 入门案例10.1.3.1 Spring Task使用步骤10.1.3.2 代码开发10.1.3.3 功能测试 10.1.4提交代码 10.2 订单状态定时处理10.2.1 需求分析10.2.2 代码开发10.2.3 功能测试 10.3 WebSocket10.3.1 介绍10.3.2…

SQl Server 2008 知识点概括【数据库】

1. 第一章 数据库概述 什么是数据库? 数据库是采用计算机技术统一管理的相关数据的集合,数据库能为各种用户共享,具有冗余度最小、数据之间联系密切、有较高数据独立性等特点。Microsoft SQL Server 系统的体系结构 Microsoft SQL Server 20…