nginx本地打开vue打包项目

1，首先下载nginx包，然后修改下载的包中的nginx.conf配置文件

其中location后面接的是要增加的域名字段(perbank8)，配置项 index index.html 代表入口文件是index.html

这个在vue项目中也要在nginx配置文件中也要配置同样的路径

在vue项目里进行配置

 location /api/ {
        proxy_pass  http://192.168.1.19:8087/;
        proxy_http_version 1.1; # http版本
        proxy_set_header Upgrade $http_upgrade; # 继承地址，这里的$http_upgrade为上面的                proxy_pass
        proxy_set_header Connection "upgrade"; 
        proxy_set_header  X-Real-IP $remote_addr; # 传递的ip
        proxy_connect_timeout 60;
        proxy_send_timeout  60;
        proxy_read_timeout 3000;
    }

下图是下载的ngnix包中的conf配置文件

配置成功后，双击ngnix.exe 启动

然后输入localhost:8081即可打开打包的项目，也可以直接用域名输入