前后端分离开发，使用Nginx部署Vue

news2024/11/16 23:47:54

nginx相关的命令（要在nginx报下打开cmd执行相应的命令）
1. 开启nginx：start nginx
2. 关闭nginx：nginx.exe -s quit
怎么把现有的前端环境部署在nginx上
1. 安装并配置好Nginx后，您可以通过以下步骤来访问项目的前端页面：
2. 将前端项目的静态文件放置在Nginx的目录下：首先，将前端项目的静态文件（例如HTML、CSS、JavaScript文件等）复制到Nginx的HTML目录下，默认情况下，该目录位于Nginx安装目录的html文件夹中。
3. 配置Nginx的虚拟主机：打开Nginx的配置文件（nginx.conf），找到http块内的server块。在其中添加一个新的server块并进行相应的配置。配置示例：
```
server {
        listen       80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   html/sky;
            index  index.html index.htm;
        }
```
  在上述示例中：
  - listen指令指定了Nginx监听的端口，这里是80，默认HTTP端口。
  - server_name指令指定了您访问网站时使用的域名或IP地址。
  - root指令指定了前端文件所在的目录路径。
  - location指令配置了对URL的处理方式，将请求映射到相应的文件。
4. 保存配置文件并重新启动Nginx：在完成配置后，保存配置文件并通过执行nginx -s reload命令来重新加载Nginx配置。
5. 访问前端页面：启动您的浏览器，并在地址栏中输入您配置的域名或IP地址。如果一切配置正确，您应该能够访问到项目的前端页面。
你有可能会遇见的问题，查看80端口有好几个！！！关不掉，这是因为：Nginx服务以服务方式运行：如果您在Windows上使用Nginx作为服务来运行，那么即使手动结束了当前正在运行的Nginx进程，系统会自动重新启动Nginx服务，以确保服务的持续运行。这是因为Nginx服务是在系统启动时自动启动的，并且具有自我恢复机制。
网址输入localhost:80，跳转不到指定前端页面