nginx启动本地vue打包之后的项目

应用背景

npm run build打包之后的生成的dist文件

使用nginx在本地启动

直接上文件配置

// 找不到配置文件的，自己查去

nginx.conf 文件配置

#
#user  nobody;
# user webapp;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;

events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;

    sendfile        on;

    keepalive_timeout  65;

    upstream business {
       # 本地ip地址加端口号
        # 或者测试环境地址例如 ： http://pre.freely.com;
        # server 0.0.0.0:8001;#freely
       
    }
    server {
        # listen       80;
        listen       8080;#端口号
        server_name  localhost;

        location / {
            # 项目目录地址，注意，重要的事情说三遍
            # 不要用中文命名！ 不能少分号！
            # 不要用中文命名！ 不能少分号！
            # 不要用中文命名！ 不能少分号！
            # 路径中有\t开头的，需要加\\t进行转义
            root    F:\\ly\ManualCheck\JG\Trunk;
            
            index  index.html index.htm;
            try_files $uri $uri/ /index.html;#vue路由重定向不配置报404
        }
        
        location /2.0 {#本地环境
       
        
           
             index  index.html;#vue打包
             proxy_pass  http://pre.freely.com;
        }
        
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

启动命令：在nginx.ext目录下，打开cmd，输入nginx.exe回车；或者直接双击nginx.exe