关于windows下安装nginx部署vue项目讲解

先打包好自己的前端程序
关于windows下安装nginx部署vue项目讲解_第1张图片
关于windows下安装nginx部署vue项目讲解_第2张图片
2.自写脚本,双击桌面脚本启动后端,注意地址别写错
在这里插入图片描述

@echo off
 
rem  Windows
rem 脚本相关:
rem 1、指定本地环境变量(保持编译运行脚本一致)
rem 2、找到jar包所在位置,启动命令
rem java -jar test.jar (关闭命令窗口,则进程关闭)
rem javaw -jar test.jar (关闭命令窗口,进程不关闭,需要在任务管理器中关闭)
rem create_date: 2022-04-22
 
mode con cols=120 lines=40
color 0a
title Windows Start-jar
 
cd /d D:\projecte\jzsytk\jeecg-boot\jeecg-boot-module-system\target
java -jar jeecg-boot-module-system-2.1.1.jar

关于windows下安装nginx部署vue项目讲解_第3张图片
3.前端打包
关于windows下安装nginx部署vue项目讲解_第4张图片
得到前端资源文件
关于windows下安装nginx部署vue项目讲解_第5张图片
关于windows下安装nginx部署vue项目讲解_第6张图片
4.下载windows版本nginx解压得到
下载地址
关于windows下安装nginx部署vue项目讲解_第7张图片
nginx.conf 参数配置
关于windows下安装nginx部署vue项目讲解_第8张图片

找到server节点配置如下

  server {
         #前端启动端口监听
        listen       3000;
        #本机ip,也可以是域名
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            #程序根目录配置
            root   D:\\nginx-1.16\\html\\static;
            index  index.html index.htm;
			try_files $uri $uri/ /index.html;
        }
		
		#跨域请求代理配置,请求出现/api就访问代理服务器
        location /api {
        	#重写以/api为baseURL的接口地址
            #rewrite ^/api(.*) /$1 break;
            #需要代理访问的服务器地址
            proxy_pass http://localhost:9000/api;
        }
		}

关于windows下安装nginx部署vue项目讲解_第9张图片
5.配置完双击 nginx.exe 会出现黑屏一闪而过

关于windows下安装nginx部署vue项目讲解_第10张图片
查看nginx是否启动成功,出现以下表示启动成功
输入命令:tasklist /fi "imagename eq nginx.exe"
关于windows下安装nginx部署vue项目讲解_第11张图片
访问自己前端地址,成功访问,并且成功拿到后端数据
关于windows下安装nginx部署vue项目讲解_第12张图片

停止服务

输入nginx命令:  nginx -s stop(快速停止nginx)  或  nginx -s quit(完整有序的停止nginx)
强制停止服务: taskkill /f /t /im nginx.exe

在这里插入图片描述

你可能感兴趣的:(笔记,环境配置,mysql,java,开发语言)